html {
	background: black;
	color: #eee;
	font-family: Inter, sans-serif;
}
body {
	margin: 10rem auto;
	width: 32rem;
	max-width: 90vw;
	text-align: center;
	font-size: 1.2rem;
}
h1 {
	font-size: 2.5rem;
}

textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox {
	-webkit-appearance: none;
	border-radius: 0;
}
label {
	display: block;
	margin: 5rem 0 0.5rem;
	font-size: 1.8rem;
}
input[type="text"], input[type="number"], input[type="submit"] {
	display: block;
	background: #222;
	color: #eee;
	border: 0.2rem solid #eee;
	font-size: 1.8rem;
}

input[type="text"] {
	margin: 0 auto 4rem;
	padding: 0.5rem 1rem;
	width: 16rem;
	max-width: calc(80vw - 3rem);
	text-align: center;
}

input[type="submit"] {
	margin: 0 auto;
	padding: 0.5rem 1rem;
	width: 10rem;
	font-weight: bold;
	background: #eee;
	color: black;
}
input[type="submit"]:hover {
	background: black;
	color: #eee;
}