body {
  font-family: times new roman;
  font-size: 120%;
  text-align: center;
}

div.main-centered {
  position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
  	
	margin: auto;
  
  /* also requires width and height to be prescribed */
  /* here this is done in the js because adjusted according to the canvas */
}

button {
  text-align: center;
  font-size:  30px;
	font-weight:bold;
 	box-shadow: 0px 8px 12px -6px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border: none;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
button:active {
/* 
	position:relative;
	top:1px;
 */
 color: lime;
}

button.on {
 color: #F88080;
 box-shadow: 0px 6px 8px -3px #A76873;
}

.kbd {

border-bottom:1px solid #AAA;
border-right:1px solid #888;
/* border-top:1px solid white;
border-left:1px solid white;
 */
font-size:1.2em;
box-shadow: -1px -1px 0px 0 #fff, 1px 0px 1px 0 #888, -3px 0px 0px 1px #eee,  0 2px 0px 3px #ccc, -2px -2px 2px 0px #FFF inset, 1px 1px 1px 0px #CCC inset; /* 0 2px 0 3px #444;*/
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
background: #eee;
font-family: monospace;
}