body{
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	color:#222;
	cursor:default;
	margin:0;
}

#canvas{
	width:90%;
	position:absolute;
/*	top:50%;*/
	left:50%;
/*	transform:translate(-50%,-50%);*/
	transform:translate(-50%);
	padding:10px;
	/*border:solid 0.3125em #ccc;*/
}

h1{
	/*background:#33f;*/
	/*color:#fff;*/
	text-align: center;
	padding:0.625em 0.3125em;
	border-bottom:solid 0.0625em #222;
}

ul.squares li{
	list-style-type: square;
}

.button {
	color:#ffffff;
	border-color:#124d77;
	border-radius: 0.1875em;
	box-shadow:inset 0 0.0625em 0 0 #54a3f7;
	text-shadow:inset 0 0.0625em 0 #154682;
	background:linear-gradient(#007dc1, #0061a7);
	padding:0.625em;
	text-decoration: none;
}

.button:hover {
	background: linear-gradient(#0061a7, #007dc1);
}