* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	background-color: #9DBC98;
}

h1 {
	color: #F9EFDB;
	font-size: 40px;
}

.container {
	width: 500px;
	height: 500px;
	display: flex;
	flex-wrap: wrap;
	background-color: #F9EFDB;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.choice-btn {
	font-family: monospace;
	padding: 8px;
	background-color: #9DBC98;
	font-size: 13px;
}

.choice-btn:hover {
	opacity: .75;
}

.choice-btn:active {
	opacity: .50;
}

.grid-element {
	border: 1px solid rgba(100, 100, 111, 0.2);
}