body {
	background-color: #141414; 
	color: white; 
	font-size: 1rem;
	line-height: 2;
	font-family: "Autour One", system-ui, sans-serif;
}

#container {
	width: min(800px, 90vw); 
	margin: 40px auto 100px;
	display: none;
}

a { color: #07ffff; }
h1 { font-size: min(4rem, 14vw); }
h2 { font-size: 2rem; }

h1, h2 { 
	font-family: "Chokokutai", system-ui, sans-serif; 
	margin: 0; 
}

button {
	border: none;
	padding: 8px;
	margin: 5px;
	font-family: monospace, sans-serif;
	background-color: #b13737;
	color: white;
	font-size: 1rem;
}

button:hover { background-color: #d87b7b; }
button:active { background-color: #0f0; }
button.subtle { background-color: #3f37a0;}
button.subtle:hover { background-color: #5d52d4;}
button.subtle:active { background-color: #0f0; }

input[type=text] {
	background-color: #32286f;
	border: 2px solid white;
	outline: none;
	padding: 6px;
	color: white;
	font-family: system-ui, sans-serif;
	font-size: 1rem;
}

#footer {
	display: flex;
	margin-top: 100px;
	color: #746baa;
}