html, body {
	margin: 0;
	padding: 0;
	background-color: #000b1d;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
}


#instructions,
#goFullScreen {
	position: fixed;
	z-index: 10;
	top: 20px;
	left :0;
	width: 100%;
	text-align: center;	
	font-family:  Sans-serif;
}

#instructions div,
#goFullScreen div {
	color:  #fff;
	font-size:  2em;
	display: inline-block;
	padding: 0 1em;
}

#instructions div span {
	display: inline-block;
	line-height: 1.5em;
}

#instructions div span.key{
	width: 50px;
	height:  50px;
	background: #777;
	border-radius: 10px;
}

#goFullScreen div a {
	text-decoration: none;
	display:  inline-block;
	padding: 10px;
	border-radius:  10px;
	background:  #777;
	color:  #fff;
}


#status {
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
	margin: 0;
	padding: 0.5em;
	display: none;
}

canvas {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 800px) {

}