html, body {
	height: 100%;
	margin: 0;
	width: 100%;
}

body { 
	display: grid; 
	grid-template-columns: 2% 15% 3% 75% 5%;
	grid-template-rows: 5% 90% 5%;
}

#controls, #grid {
	grid-row-start: 2;
	grid-row-end: 3;
}

#controls {
	grid-column-start: 2;
	grid-column-end: 3;
}

#grid {
	grid-column-start: 4;
	grid-column-end: 5;
}

#logodiv {
	margin-top: 5vh;
	text-align: center;
}

legend {
	font-size: 120%;
}

input[type='number'] {
	width: 30%;
}

td {
	font-size: 120%;
}

td.r {
	background-color: #e0e0e0;
}

td.c {
	border: 3px solid transparent;
}