@font-face {
    font-family: 'PP Telegraf';
    src: url('PPTelegraf-Regular.woff2') format('woff2'),
        url('PPTelegraf-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Telegraf';
    src: url('PPTelegraf-UltraBold.woff2') format('woff2'),
        url('PPTelegraf-UltraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Telegraf';
    src: url('PPTelegraf-UltraLight.woff2') format('woff2'),
        url('PPTelegraf-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

.pp { 
    font-family: 'PP Telegraf', sans-serif;
}

@keyframes scroll-up {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(-100%);
    }
  }

  @keyframes scroll-down {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(100%);
    }
  }

  .scroll-content {
    animation: scroll-up 40s linear infinite;
  }

  /* Para inverter a direção, adicione essa classe ao <p> */
  .scroll-reverse {
    animation: scroll-down 40s linear infinite;
  }