html, body {
    	margin: 0;
	padding: 0;
    	background:url(../img/terrain.png);
}

canvas {
   	display: block;
	margin: auto;
	position: absolute;
    	top: 0;
    	bottom: 0;
    	left: 0;
    	right: 0;
}

.wrapper {
    	width: 512px;
    	margin: 0 auto;
    	margin-top: 2em;
}

#instructions {
    	float: left;
    	font-family: sans-serif;
    	color: white;
	background-color: #8B3626;
	padding: 5px;
	border-radius: 15px;
	width: 350px;
}

#score {
    	float: right;
    	color: white;
    	font-size: 2em;
}

.key {
    	color: black;
}

#game-over, #game-over-overlay {
    	margin: auto;
    	width: 800px;
    	height: 400px;
    	position: absolute;
    	top: 0;
   	left: 0;	
	right: 0;
  	bottom: 0;
    	z-index: 1;
	display: none;
}

#game-over-overlay {
 	background-color: black;
    	opacity: .9;
}

#game-over {
    	height: 200px;
    	text-align: center;
    	color: white;
}	

#game-over h1 {
   	font-size: 3em;
    	font-family: sans-serif;
}

#game-over button {
   	font-size: 1.5em;
}