/* Rainbow glow animation */
@keyframes rainbow-glow {
    0% { box-shadow: 0 0 10px rgba(255, 0, 0, 0.7); }
    10% { box-shadow: 0 0 10px rgba(255, 154, 0, 0.7); }
    20% { box-shadow: 0 0 10px rgba(208, 222, 33, 0.7); }
    30% { box-shadow: 0 0 10px rgba(79, 220, 74, 0.7); }
    40% { box-shadow: 0 0 10px rgba(63, 218, 216, 0.7); }
    50% { box-shadow: 0 0 10px rgba(47, 201, 226, 0.7); }
    60% { box-shadow: 0 0 10px rgba(28, 127, 238, 0.7); }
    70% { box-shadow: 0 0 10px rgba(95, 21, 242, 0.7); }
    80% { box-shadow: 0 0 10px rgba(186, 12, 248, 0.7); }
    90% { box-shadow: 0 0 10px rgba(251, 7, 217, 0.7); }
    100% { box-shadow: 0 0 10px rgba(255, 0, 0, 0.7); }
}

.rainbow-glow {
    animation: rainbow-glow 5s infinite;
}
body {
    font-family: 'Comic Sans MS', cursive, sans-serif;
}

.rainbow-text {
    background: linear-gradient(
        90deg,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 20%,
        rgba(208, 222, 33, 1) 40%,
        rgba(79, 220, 74, 1) 60%,
        rgba(63, 218, 216, 1) 80%,
        rgba(47, 201, 226, 1) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}