body {
			font-family: sans-serif;
		}

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


		header {
			border-bottom: 5pt solid #000;
			padding: 1em;
		}

		h1 {
			font-size: 96pt;
			letter-spacing: -8%;
			margin: 0;
			line-height: 100%;
		}

		@media screen and (min-width: 1920px) {
			h1 {
				font-size: 144pt;
			}
		}

		h2 {
			text-indent: 1em;
			line-height: 100%;
		}

		main {
			font-size: 24pt;
			text-align: center;
		}

		ol {
			list-style-type: none;
		}

		li.hidden {
			font-size: 30pt;
		}

		li.horizontal {
			font-size: 72pt;
			display: inline-block;
			margin: 10pt;
			vertical-align: middle;
		}

		li.horizontal:nth-of-type(3) {
			vertical-align: top;
		}

		span:hover {
			background-color: #ff0;
			cursor: pointer;
		}

		.startHidden {
			opacity: 0;
		}

		li.fieldEmoji:hover ~		li.fieldLabel span		{background-color: #ff0;}
		li.formEmoji:hover ~		li.formLabel span		{background-color: #ff0;}
		li.valueEmoji:hover ~		li.valueLabel span		{background-color: #ff0;}
		li.colorEmoji:hover ~		li.colorLabel span		{background-color: #ff0;}
		li.dimensionEmoji:hover ~	li.dimensionLabel span	{background-color: #ff0;}
		li.textureEmoji:hover ~		li.textureLabel span	{background-color: #ff0;}

		li.fieldEmoji:hover ~		li.fieldLabel		{transition: opacity 1s;}
		li.formEmoji:hover ~		li.formLabel		{transition: opacity 1s;}
		li.valueEmoji:hover ~		li.valueLabel		{transition: opacity 1s;}
		li.colorEmoji:hover ~		li.colorLabel		{transition: opacity 1s;}
		li.dimensionEmoji:hover ~	li.dimensionLabel	{transition: opacity 1s;}
		li.textureEmoji:hover ~		li.textureLabel		{transition: opacity 1s;}