@import url("https://styles.alv.cx/modules/gruvbox.css"); :root { --rainbow-duration: 8s; } .rainbow { animation: rainbow-animation var(--rainbow-duration) infinite alternate; } @keyframes rainbow-animation { 0% { color: var(--gruvbox-blue); } 14.3% { color: var(--gruvbox-aqua); } 28.6% { color: var(--gruvbox-green); } 42.9% { color: var(--gruvbox-yellow); } 57.1% { color: var(--gruvbox-orange); } 71.4% { color: var(--gruvbox-red); } 85.7% { color: var(--gruvbox-purple); } 100% { color: var(--gruvbox-blue); } }