body {
	margin: 0;
	padding: 0;
	height: 100vh;
	width: 100vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(./images/kelly-sikkema-PhWVUGV6z7M-unsplash.jpg);
}

.gameBoard {
	border-radius: 1%;
	width: 100vmin;
	height: 100vmin;
	background-color: rgba(154, 208, 255, 0.384);
	backdrop-filter: blur(5px);
	display: grid;
	grid-template-columns: repeat(21, 1fr) !important;
	grid-template-rows: repeat(21, 1fr) !important;
}

.snake {
	background-color: rgb(21, 87, 21);
	border: 0.25vmin solid black;
	border-radius: 50%;
	z-index: 5;
}

.food {
	background-color: rgb(255, 0, 76);
	border: 0.25vmin solid black;
	border-radius: 50%;
	z-index: 2;
}