:root {
	--dark: #222;
	--light: #D9D9D9;
	--hl: goldenrod;
	--hll: gold;
	--dl: #111;
	--dll: #333;
}

.hidden {
	visibility: hidden;
}

body {
	margin:0;
	height: 100vh;
	width: 100vw;
	max-width: 100vw;
	overflow: hidden;
	overflow-wrap: break-word;
	background-color: var(--dark);
	color: var(--light);
	display: flex;
	flex-direction: column;
	font-family: Lucida Sans Typewriter, Lucida Console, monaco, Bitstream Vera Sans Mono, monospace;
}

body#about main, body#settings main {
	padding: 2em;
}

.hl {
	color: var(--hl);
}

main {
	flex-grow: 1;
	overflow-y: auto;
	overflow-x: hidden;
	overflow-wrap: break-word;
}


h1, h2 {
	text-align:center;
	font-family: inherit;
	color: var(--hl);
	position: relative;
}

h1::after, h1::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 5px;
	width: 2em;
	border-bottom: 2px solid var(--hl);
}

h1::after {
	left: unset;
	right: 5px;
}

#about main {
	padding: 1em;
}

:any-link {
	color: var(--hl);
}

.backlink {
	font-size: 1em;
	text-decoration: none;
	margin-left: 1em;
}

.backlink::before{content: '< '}

select{display:block;margin: 0.5em auto 2em; width: 80%;height:2.5em}
input[type=submit]{background:var(--hl);color:var(--dark);display:block;padding: 0.5em 0.25em;width: 80%;margin:4em auto;border:0;border-radius:5px;font-weight:bold}