body {
	margin: 0;
	background-color: black;
}

body {
	min-height: 100vh;
	font-family: 'Press Start 2P', cursive;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.title {
	font-size: 48px;
}
#game {
	display: none;
	justify-content: space-between;
}


#rules {
	width: 248px;
}

#rules p{
	white-space: nowrap;
}

#next {
	margin-top: 32px;
}


#score {
	font-size: 18px;
}

#start-game, #pause-game, #end-game {
	height: 600px;
	justify-content: center;
	align-items: center;
	display: none;
}

#end-game {
	font-size: 32px;
	flex-direction: column;
}

.hint {
	font-size: 16px;
}

#start-game {
	display: flex;
}


#arrow-keys {
	filter: invert(80%);
	margin-bottom: 20px;
}


.header {
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: start;
}

#table {
	display: none;
}


.play-btn {
	display: none;
}

.footer {
	display: flex;
	justify-content: space-between;
}

.logo {
	height: 40px;
}