body {
	font-family: sans-serif;
	animation: rainbowGradientBackgroundColor 30s infinite 000s;
}

a:link		{color: #00f;}
a:visited	{color: #0ff;}
a:hover		{color: #f0f; background-color: #ff0;}
a:active	{color: #fff; background-color: #00f;}

header {
	animation: rainbowGradientBackgroundColor 30s infinite -002s;
	border: 5pt solid #000;
}

	h1 {
		margin: 10pt;
		font-size: 160pt;
		letter-spacing: -5%;
		border: 5pt solid #000;
		animation:	rainbowGradientBackgroundColor 30s infinite -004s,
					rainbowGradientColor 30s infinite -00s;
	}

		h1 span {
			font-size: 60%;
			vertical-align: middle;
		}

	h2 {
		text-indent: 0.2em;
		margin: 10pt;
		font-size: 60pt;
		letter-spacing: -5%;
		border: 5pt solid #000;
		animation:	rainbowGradientBackgroundColor 30s infinite -006s,
					rainbowGradientColor 30s infinite -10s;		
	}

	h3 {
		text-indent: 0.3em;
		margin: 10pt;
		font-size: 60pt;
		letter-spacing: -5%;
		border: 5pt solid #000;
		animation:	rainbowGradientBackgroundColor 30s infinite -008s,
					rainbowGradientColor 30s infinite -20s;		
	}

nav ol {
	list-style-type: none;
	padding-inline-start: 0;
	columns: 4;
	margin: 10pt;
	padding: 0;
}

li {
	font-size: 24pt;
	padding: 1em;
	margin-bottom: 5pt;
	border: 5pt solid #000;
}

li:nth-of-type(01) {animation: rainbowGradientBackgroundColor 30s infinite -008s;}
li:nth-of-type(02) {animation: rainbowGradientBackgroundColor 30s infinite -010s;}
li:nth-of-type(03) {animation: rainbowGradientBackgroundColor 30s infinite -012s;}
li:nth-of-type(04) {animation: rainbowGradientBackgroundColor 30s infinite -014s;}
li:nth-of-type(05) {animation: rainbowGradientBackgroundColor 30s infinite -016s;}
li:nth-of-type(06) {animation: rainbowGradientBackgroundColor 30s infinite -018s;}
li:nth-of-type(07) {animation: rainbowGradientBackgroundColor 30s infinite -020s;}
li:nth-of-type(08) {animation: rainbowGradientBackgroundColor 30s infinite -022s;}
li:nth-of-type(09) {animation: rainbowGradientBackgroundColor 30s infinite -024s;}
li:nth-of-type(10) {animation: rainbowGradientBackgroundColor 30s infinite -026s;}
li:nth-of-type(11) {animation: rainbowGradientBackgroundColor 30s infinite -028s;}
li:nth-of-type(12) {animation: rainbowGradientBackgroundColor 30s infinite -030s;}

footer {
	margin: 10pt;
	border: 5pt solid #000;
	animation: rainbowGradientBackgroundColor 30s infinite -002s;
}

	h6 {
		font-size: 18pt;
		margin: 10pt;
		border: 5pt solid #000;
		animation: rainbowGradientBackgroundColor 30s infinite -004s;
		text-align: center;
	}

@keyframes rainbowGradientBackgroundColor {
	000% {background-color: hsla(000, 100%, 50%, 1.0);}
	010% {background-color: hsla(036, 100%, 50%, 1.0);}
	020% {background-color: hsla(072, 100%, 50%, 1.0);}
	030% {background-color: hsla(108, 100%, 50%, 1.0);}
	040% {background-color: hsla(144, 100%, 50%, 1.0);}
	050% {background-color: hsla(180, 100%, 50%, 1.0);}
	060% {background-color: hsla(216, 100%, 50%, 1.0);}
	070% {background-color: hsla(252, 100%, 50%, 1.0);}
	080% {background-color: hsla(288, 100%, 50%, 1.0);}
	090% {background-color: hsla(324, 100%, 50%, 1.0);}
	100% {background-color: hsla(360, 100%, 50%, 1.0);}
}

@keyframes rainbowGradientColor {
	000% {color: hsla(000, 100%, 50%, 1.0);}
	010% {color: hsla(036, 100%, 50%, 1.0);}
	020% {color: hsla(072, 100%, 50%, 1.0);}
	030% {color: hsla(108, 100%, 50%, 1.0);}
	040% {color: hsla(144, 100%, 50%, 1.0);}
	050% {color: hsla(180, 100%, 50%, 1.0);}
	060% {color: hsla(216, 100%, 50%, 1.0);}
	070% {color: hsla(252, 100%, 50%, 1.0);}
	080% {color: hsla(288, 100%, 50%, 1.0);}
	090% {color: hsla(324, 100%, 50%, 1.0);}
	100% {color: hsla(360, 100%, 50%, 1.0);}
}