#snake-game {
	position: relative;
}

#snake-game * {
	margin: 0;
	border: none;
	padding: 0;
	border-collapse: collapse;

	/* Promeny */
	--green: #008222;
	/*--lighter_green: #359700;*/
	/*--green: #009C00;*/
	--lighter_green: #4EAD00;
	/*http://www.paletton.com/#uid=52P0f0kzporoevHvEurF6jTN4eu*/
}

#snake-game .hidden {
	display: none !important;
}

#snake-game__GUI {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 5;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
}

#snake-game__GUI__content {
	/*background-color: var(--green);*/
	width: 400px;
	/*height: 200px;*/
	border-radius: 15px;
	/*box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.5);*/
}

#snake-game__GUI__content__title {
	background: url("snake-title.png") no-repeat center;
	width: 100%;
	height: 100px;
	background-size: 95%;
}

#snake-game__GUI__content__buttons {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	height: 40%;
}

#snake-game__GUI__content__buttons button {
	background: #5c65ce;
	color: white;
	padding: 10px 20px;
	font-size: 18px;
	border-radius: 15px;
	box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.5);
}

#snake-game__GUI__content__buttons button:hover {
	background: #3F48BC;
}

#snake-game__GUI__content__buttons button:active {
	background: #1D28AD;
}

#snake-game__GUI__content__buttons__play {
	width: 65%;
}

#snake-game__GUI__content__buttons__setting, #snake-game__GUI__content__buttons__setting:hover, #snake-game__GUI__content__buttons__setting:active {
	background: gray !important;
}

#snake-game table {
	/*border: 5px solid black;*/
	background: var(--lighter_green);
}

#snake-game td {
	width: 35px;
	height: 35px;
}

#snake-game tr:nth-child(odd) td:nth-child(odd), #snake-game tr:nth-child(even) td:nth-child(even) {
	background: var(--green);
	border-radius: 4px;
}

#snake-game tr:nth-child(odd) td:nth-child(even), #snake-game tr:nth-child(even) td:nth-child(odd) {
	background: var(--lighter_green);
	border-radius: 4px;
}