:root{
	--background-color: #331C17;
	--border-color: #AC6B26FF;
	--font-color: #F6CD26FF;
}

body{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100vw;
	margin: 0;
	color: var(--font-color);
}

.container{
	display: inline-grid;
	flex-direction: column;
	width: 1024px;
	height: 768px;
	justify-content: center;
	gap: 8px;

	padding: 24px;
	background: var(--background-color);
	border: 8px solid var(--border-color);
	
	text-align: center;
}

#game-board{
	background: var(--background-color);
	border: 2px solid var(--border-color);
}

#grid-board{
	height: 16px;
	width: 16px;
}

h1{
	margin: 0;
}

#flag-count{
	margin: 0;
}

button, select{
	color: inherit;
	background: inherit;
}

.hidden{
	display: none;
}