:root {
	--rainbow-duration: 8s;
}

.rainbow { animation: rainbow-animation var(--rainbow-duration) infinite alternate; }

@keyframes rainbow-animation {
	   0%  { color: var(--blue);   }
	16.7%  { color: var(--green);  }
	33.3%  { color: var(--yellow); }
	50.0%  { color: var(--orange); }
	66.7%  { color: var(--red);    }
	83.3%  { color: var(--purple); }
	 100%  { color: var(--blue);   }
}