@font-face {
  font-family: 'AlegryaSansSCe-Regular'; /* Nombre que quieras asignar a la fuente */
  src: url('../../fonts/AlegreyaSansSC-Regular.ttf') format('truetype'); /* Ruta relativa al archivo TTF */
}


.scroll {
  white-space: nowrap; /* Evita saltos de línea */
  overflow: hidden; /* Oculta el contenido desbordado */
}


.scroll h3 {
  font-size: 3.6rem;
  font-family: "AlegryaSansSCe-Regular";
}

#RightToLeft {
  animation: RightToLeft 38s infinite linear; /* Duplicamos la duración */
}

@keyframes RightToLeft {
  0%, 100% {
    transform: translateX(60%);
  }
  50% {
    transform: translateX(-150%);
  }
}

#LeftToRight {
  animation: LeftToRight 38s infinite linear; /* Duplicamos la duración */
}

@keyframes LeftToRight {
  0%, 100% {
    transform: translateX(-150%);
  }
  50% {
    transform: translateX(50%);
  }
}