body {
	display: grid;
	place-items: center;
	height: 100vh;
	background-color: #000000;
	color: lightgray;
	font-size: 28px;
	font-family: sans-serif;
	font-weight: 700
}

main {
	display: flex;
	align-items: center
}

#board {
	text-align: center;
	width: 900px;
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 48px;
	min-height: 60px
}

#hangman {
	width: 450px;
	min-height: 280px
}

#alphabet {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 450px
}

.letter {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	text-align: center;
	border: 3px solid gray;
	cursor: pointer;
	border-radius: 15px
}

.letter:hover {
	background-color: #222222;
	color: white;
	border: 3px solid white
}

.reset {
	color:green;
	cursor: pointer;
	font-size: 48px
}

.reset:hover {
	color:white;
}