.background {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  margin: -30% -95% 0 0;
  width: 150%;
  height: 150%;
  background: radial-gradient(
    circle at center,
    rgba(245, 195, 66, 0.25) 0%,
    rgba(245, 195, 66, 0.2) 50%,
    rgba(0, 180, 255, 0.1) 70%,
    rgba(255, 51, 153, 0.25) 85%,
    transparent 95%
  );
  filter: blur(100px);
  z-index: -1;
  animation: spin-slow 60s linear infinite;
}
.background.min {
  position: absolute;
  top: 80%;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle at center,
    rgba(245, 195, 66, 0.3) 0%,
    rgba(0, 180, 255, 0.1) 50%,
    rgba(255, 51, 153, 0.25) 80%,
    transparent 95%
  );
  filter: blur(100px);
  animation: pulseBackground 5s ease-in-out infinite;
  z-index: -1;
}
.background.min.stronger {
  background: radial-gradient(
    circle at center,
    rgba(245, 195, 66, 0.65) 0%,
    rgba(0, 180, 255, 0.3) 50%,
    rgba(255, 51, 153, 0.25) 80%,
    transparent 95%
  );
}
.background.min.min-50 {
  height: 50%;
  top: -10%;
}
.background.z {
  z-index: 0;
  top: 0;
  margin-right: 0;
  background: radial-gradient(
    circle at center,
    rgb(245 195 66 / 23%) 0%,
    rgba(245, 195, 66, 0.2) 50%,
    rgb(0 180 255 / 81%) 70%,
    rgb(255 51 153 / 76%) 85%,
    transparent 95%
  );
  animation: spin-slow 5s linear infinite;
}

@keyframes pulseBackground {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(3);
  }
}

@keyframes spin-slow {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

[data-animate] {
  visibility: hidden;
}

.animate-\[marquee_60s_linear_infinite\] {
  animation: marquee 60s linear infinite;
}
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-250%); }
}
@media (max-width: 768px) {
  @keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-700%); }
  }
}