.centerbox {
	background-color: white;
	padding: 2em;
	width: 25em;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media only screen and (max-width: 600px) {
	.centerbox {
		left: 0px;
		transform: translateX(0%) translateY(-50%);
		width: calc(100% - 4em);
		overflow-x: scroll;
	}
}
@media only screen and (max-height: 500px) {
	.centerbox {
		top: 0px;
		transform: translateX(-50%) translateY(0px);
		height: calc(100% - 4em);
		overflow-y: scroll;
	}
}
@media only screen and (max-width: 600px) and (max-height: 500px) {
	.centerbox {
		transform: translateX(0px) translateY(0px);
	}
}
input[type="text"] {
	font-size: 2em;
	width: calc(80%);
}
input[type="checkbox"] {
	height: 1.5em;
	width: 1.5em;
}
label span {
	vertical-align: 0.25em;
}
button {
	padding: 0.3em 0.6em;
	border: 1px black solid;
	height: 2em;
	border-radius: 1.5em;
	font-size: 1.5em;
	background-color: #404040;
	color: #ffffff;
	transition: background-color 300ms ease;
}
button:hover {
	background-color: #909090;
}