@keyframes aurora {
  0% {
    background-position: 0% 50%;
    transform: rotate(-5deg) scale(0.9);
  }

  25% {
    background-position: 50% 100%;
    transform: rotate(5deg) scale(1.1);
  }

  50% {
    background-position: 100% 50%;
    transform: rotate(-3deg) scale(0.95);
  }

  75% {
    background-position: 50% 0%;
    transform: rotate(3deg) scale(1.05);
  }

  100% {
    background-position: 0% 50%;
    transform: rotate(-5deg) scale(0.9);
  }
}

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

  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

@keyframes marquee-vertical {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(calc(-100% - var(--gap)));
  }
}