html {
	font-family: "Arial", Arial, sans-serif;
	font-size: 12pt;
	background-color: #AAA;
	padding: 0;
	margin: 0;
}
@media (max-width: 800px) {
	html {
		font-size: 2.66vw;
	}
}
body {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0.5rem;
	text-align: center;
}
label {
	display: inline-block;
	width: 15rem;
	font-size: 2rem;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
input[type=button] {
	height: 3rem;
	width: 3rem;
	margin: 0;
	padding: 0;
}
#buttons>div {
	margin: 1rem;
	margin-left: 0;
	border: 1px solid black;
	width: 21rem;
	background-color: #CCC;
}
#buttons {
	margin: 0 auto;
	width: 22rem;
	margin-top: 2rem;
	overflow: auto;
}
#sizes {
	font-size: 2.5rem;
	text-align: center;
	margin: 3rem;
	padding: 0;
	margin-bottom: 0;
}
#info {
	font-size: 1rem;
	background-color: #CCC;
	border: 1px solid black;
	width: 30rem;
	margin: 0 auto;
	padding: 1rem;
}
#submitted {
	position: absolute;
	top: 50%;
	bottom: 50%;
	left: 50%;
	right: 50%;
	font-size: 1.5rem;
	width: 20rem;
	height: 3rem;
	margin-left: -10rem;
	margin-top: -1.5rem;
	background-color: #8C8;
	vertical-align: middle;
	text-align: center;
	padding-top: 1.33rem;
	display: none;
}
#explanation {
	position: static;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 1rem;
	text-align: center;
	padding-top: 2rem;
}
.trans {
	opacity: 0.25;
}
.b {
	font-weight: bold;
}
section {
	width: 50rem;
	font-size: 2rem;
	margin: 2rem auto;
	text-align: center;
}
section>a {
	background-color: #CCC;
	border: 1px solid black;
	padding: 1rem 3rem;
	margin: 1rem;
	display: inline-block;
}
section>a:hover {
	background-color: #DDD;
}
section>a:active {
	background-color: #BBB;
}