body{
	display: flex;
	flex-direction: column;
    height: 100vh;
    max-height: 100vh;
    min-height: 100vh;
	overflow: hidden;
}
.header{
	Background-color: #76b1b9;
	Color: white;
	height: 70px;
	flex-direction: column;
	text-align: center;
	Font-size: 30px;
	display: flex;
	justify-content: center;
    align-items: center;
}
.header>div{
	display: flex;
}
.header>div>button{
	margin: 0 8px; 
		padding: 4px 8px; 
		border-radius: 5px; 
		font-size: 20px; 
		color: grey; 
		background-color: white; 
		border: 2px solid grey; 
		font-weight: 400;
	
}
.main{
	Background-color: whitesmoke;
	height: calc(100vh - 70px);
	display: flex;
	justify-content: center;
    align-items: center;
}
.main>#Game{
	height: 800px;
	Width: 800px;
	background-color: white;
	display: grid;
	column-gap: 1px;
	row-gap: 1px;
	grid-template: 40px  / auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
}
.main>#Game>div{
	height: 40px;
	Width: 40px;
	background-color: #bae4b3;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.main>#Game>div.snake{
	background-color: #ef6c00;
	background-repeat: no-repeat;
	background-size: cover;
	/* background-image: url('hair.jpg'); */
	
}
.main>#Game>div.dead{
	background-color: #b90000;
}
.main>#Game>div.plum{
	background-color: magenta;
}
.main>#Game>div.plum.stone1{
	background-image: url('1.PNG');
}
.main>#Game>div.plum.stone2{
	background-image: url('2.PNG');
}
.main>#Game>div.plum.stone3{
	background-image: url('3.PNG');
}
.main>#Game>div.plum.stone4{
	background-image: url('4.PNG');
}
.main>#Game>div.plum.stone5{
	background-image: url('5.PNG');
}
.main>#Game>div.head{
	background-repeat: no-repeat;
	background-size: cover;
}
.main>#Game>div.head.up{
	background-image: url('up.jpg');
}
.main>#Game>div.head.down{
	background-image: url('down.jpg');
}
.main>#Game>div.head.left{
	background-image: url('left.jpg');
}
.main>#Game>div.head.right{
	background-image: url('right.jpg');
}
.footer{
	Background-color: #585858;
	Color: White;
	height: 100px;
	text-align: center;
	Font-size: 30px;
	display: flex;
	justify-content: center;
    align-items: center;
}