@import url("https://styles.alv.cx/modules/colors/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); }
}