* { margin: 0; padding: 0; }
html, body { height: 100%; width: 100%; font-size: .8em; }
canvas { display: block; }

#myCanvas {
	background: #666666;
}

#myButtons {
	top: 20px;
	left: 20px;
	position: absolute;
}

#myButtons button {
	padding: 5px;
}

#score {
	top: 20px;
	right: 100px;
	position: absolute;
	background-color: #aaaaaa;
	padding: 10px;
}

#time {
	top: 20px;
	right: 0px;
	width: 80px;
	position: absolute;
	background-color: #aaaaaa;
	padding: 10px;
}

#level {
	top: 20px;
	right: 150px;
	position: absolute;
	background-color: #aaaaaa;
	padding: 10px;
}

#menu {
	position: absolute;
	top: 100px;
	right: 0px;
	left: 0px;
	height: 360px;
	background-color: #99C;	
	text-align: center;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	
}

#leftBar{
	position: absolute;
	left: 5px;
	width: 80px;
	top: 20px;
	
	
}

#rightBar{
	position: absolute;
	right: 5px;
	width: 80px;
	top: 20px;
	

	
}

#header{
	margin-top: 20px;
	right: 0px;
	left: 0px;
	top: 60px;
	font-size: 1.8em;
	color: #CCF;

}

#center{
	
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	height: 100px;
	margin-top: 40px;
	line-height: 1.6em;

	
	
}

#copy {
	
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 0px;
	height: 10px;
	font-size: 6px;
	text-align: center;
	color: #CCF;
	

}

#messageBox {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 270px;
	top: 200px;

}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	padding: 15px;
	height: 270px;
	width: 350px;
}

#message {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	height: 200px;
	text-align: center;	
	padding: 15px;
	background-color: #CCF;
}



.messageReceived {
	position: relative;
	right: -280px;
	bottom: -17px; 
}



.false {
	color: #CCF;
	margin-bottom: 13px;

	
}


.true {
	color: #000;
	margin-bottom: 13px;

}