.font-primary {
  font-family: "Roboto Condensed", sans-serif;
}

.font-second {
  font-family: "Courier Prime", monospace;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.marquee {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 30s linear infinite;
}

.animate-marquee {
  animation: marquee 70s linear infinite;
}

.clip-diagonal {
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 80%);
}