body h1, body h3 {
	text-align: center;
}

html, body {
	padding: 0px;
	margin:	0px;
	background-color: hsl(0, 0%, 0%);
	color: hsl(0, 0%, 100%);
	font-size: 10pt;
}

.square {
	width: 50px;
	height: 50px;
	float: left;
	padding: 0px;
	margin: 16px;
	text-align: center;
	border: 1px solid transparent;
}

.square-selected {
	border: 1px solid hsl(0, 0%, 100%);
	width: 50px;
	height: 50px;
}

#squarecontainer {
	height: 588px;
	width: 588px;
	margin: 50px auto 0px auto;
	padding: 10px;
	border: 2px solid hsl(0, 0%, 10%);
}

#controlbox hr {
	border: none;
	height: 1px;
	background-color: hsl(0, 0%, 85%);
}

#controlbox {
	border: 2px solid hsl(0, 0%, 10%);
	color: hsl(0, 0%, 90%);
	width: 250px;
	float: left;
	padding: 5px;
}