.rainbow-text {
    background: linear-gradient(
        90deg,
        #ff0000, #ff8000, #ffff00, 
        #80ff00, #00ffff, #2e96ff, 
        #a449ff, #ff00ff, #ff0080
    );
    background-size: 200% 100%; /* Doppia dimensione per un loop fluido */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbow-scroll 6s linear infinite;
}

@keyframes rainbow-scroll {
    from {
        background-position: 0% 50%;
    }
    to {
        background-position: 200% 50%; /* Sposta in negativo per un loop continuo */
    }
}