@keyframes glowFade {
    0%, 100% {
        box-shadow: 0 0 12px 4px rgba(255, 0, 255, 0.6);
    }
    50% {
        box-shadow: 0 0 18px 6px rgba(255, 0, 255, 0.8);
    }
}

.glow-animation {
    animation: glowFade 0.8s ease-in-out infinite;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fade-in-out {
  animation: fadeInOut 3s ease-in-out forwards;
}