#container {
	width: 600px;
	height: auto;
	position: relative;
	margin: 20px auto;
}

table {
	border-spacing: 1px;
	margin: 20px auto;
	border: 1px solid black;
}

.tds {
	width: 20px;
	height: 20px;
	border: none;
	/*border: 1px solid black;*/
}

.snake {
	background-color: green;
}

.food {
	background-color: red;
}

#score {
	width: 200px;
	height: 50px;
	margin: 50px auto;
	font-size: 20px;
	text-align: center;
}

#gameOverDiv, #winDiv {
	width: 300px;
	height: 100px;
	padding: 20px;
	text-align: center;
	font-size: 20px;
	position: absolute;
	top: 84px;
	left: 128px;
	border: 2px solid black;
	background-color: yellow;
	z-index: 2;
}

#playAgain {
	width: 100px;
	height: 50px;
	position: absolute;
	bottom: 30px;
	left: 120px;
}

.winDiv {
	animation: yupi 3s alternate
}

@keyframes yupi {
	0% {transform: translate3d(0, 0, 0)}
    10% {transform: translate3d(-4rem, 0, 4rem)}
	50% {transform: translate3d(4rem, 0.4in, 4rem)}
	100% {transform: translate3d(0, 0, 0)}
}