:root {
	--highlight: #e90;
	--background: #cdc;
	--foreground: #000;
	}

body {
	margin: 3vw;
	background-color: var(--background);
	#background-image: linear-gradient(to bottom, #79f, #9bf);
	color: var(--foreground);
	font-family: sans-serif;
	font-size: max(1vw, 1rem);
	@media (min-resolution: 200dpi) {
		font-size: max(4vw, 1rem);
		}
	}

h1, h2 {
	color: var(--highlight);
	}

a:any-link, button, input[type=file]::file-selector-button {
	border: none;
	background: var(--highlight);
	color: var(--foreground);
	border-radius: 0.1em;
	font-size: 1.2em;
	padding: 0.1em;
	text-decoration-line: none;
	}

.icon {
	text-align: right;
	}

.grass {
	}

.symbol-of-tolerance {
	margin-top: 1em;
	height: .3em;
	background: linear-gradient(90deg,#ea392f 0% 9.091%,#f28917 9.091% 18.182%,#eecb12 18.182% 27.273%,#78b82a 27.273% 36.364%,#4375ca 36.364% 45.455%,#c346e3 45.455% 54.545%,#7bcce5 54.545% 63.636%,#eaeaea 63.636% 72.727%,#f4aec8 72.727% 81.818%,#000 81.818% 90.909%,#945516 90.909% 100%);
	}