body{
	padding:0px; margin:0px; border:0px;
	width:100vw; height:100vh;
}
body div{	box-sizing:border-box; width:100vw;}


.header{
	height:5vh;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size:40px;
}
.header span{
	vertical-align: top;
}
.header img{height:100%;}

.body{
	height:70vh;
}
.body #screen{
	margin:auto;
	background-color:lightgreen;
}
canvas{position:absolute;margin:auto;}
#Shade{z-index:0;}
#Canvas{z-index:1;}
#Action{z-index:3;}
#Overlay{z-index:2;}
#Cloud{z-index:4;}
#Game{z-index:5;}


.controls{
	height:0px;
}
.controls .eat, .move{
	position:relative;
	float:left;
}
.controls .eat div, .move div{
	border-radius:20px;
	float:left;	
	box-sizing: border-box;
	border:1px solid black;
	background-color:rgb(230,230,230);
}