Aurora Background Generator

.aurora-bg {
  background-color: #0a0a0a;
  position: relative;
  overflow: hidden;
}

.aurora-bg::before {
  content: '';
  position: absolute;
  inset: -50%;
  background: radial-gradient(ellipse at 80% 50%, #4ade8099 0%, transparent 50%),
    radial-gradient(ellipse at 50% 80%, #22d3ee99 0%, transparent 50%),
    radial-gradient(ellipse at 20% 50.00000000000001%, #a78bfa99 0%, transparent 50%),
    radial-gradient(ellipse at 49.99999999999999% 20%, #f472b699 0%, transparent 50%);
  filter: blur(100px);
  animation: aurora 10s ease-in-out infinite;
}

@keyframes aurora {
  0%, 100% {
    transform: rotate(0deg) scale(1.5);
  }
  50% {
    transform: rotate(180deg) scale(1.8);
  }
}