.content {
	align-items: center;
	width: calc(100% - 2rem);
	padding: 0 1rem 0 1rem;
	text-align: center;
	font-size: 1.2rem;
}

.horiz {
	display: flex;
	flex-flow: row wrap;
	padding-bottom: 1rem;
	align-items: center;
}

.horiz p {
	padding: 0 0.25rem 0 0.25rem;
	margin: 0;
}

.topmargin {
	margin-top: 1rem;
}

label {
	font-weight: bold;
	font-size: 1.3rem;
	margin-bottom: 0.2rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
	padding: 0.3rem;
	border-radius: 0.25rem;
	font-size: 1.2rem;
}

button, select, input[type=file] {
	background-color: #888;
	color: orange;
	border: 2px solid #333;
	border-radius: 0.25rem;
	font-weight: bold;
	font-family: 'ABeeZee', sans-serif;
	padding: 0.3rem;
	cursor: pointer;
	font-size: 1.2rem;
	transition: color ease-in-out .25s, background-color ease-in-out .25s;
	-moz-transition: color ease-in-out .25s, background-color ease-in-out .25s;
	-webkit-transition: color ease-in-out .25s, background-color ease-in-out .25s;
}

button:hover, select:hover, input[type=file]:hover {
	color: darkblue;
	background-color: #aaa;
}

@media all and (orientation: portrait) {
	input[type=number] {
		width: 30vw;
	}
}