body {
	height: 100vh;
	width: 100vw;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#header {
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100vw;
	height: 8vh;
	border: 1px #D3D6DA solid;
}

#title {
	font-family: 'Roboto Slab', serif;
	text-align: center;
	font-size: 50px;
	width: 50%;
}

.smallSection {
	text-align: center;
	width: 25%;
	font-size: 16px;
}

#newGame {
	width: 200px;
	height: 40px;
	border: 1px #8a8a8a solid;
	background-color: black;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
	color: white;
	padding: 5px 20px
}

#game-board {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-top: 25px;
}

.letter-box {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	width: 100px;
	border: 2px solid gray;
	margin: 2px;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
}

.letter-row {
	display: flex;
}

#result {
	margin-top: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
}

.won {
	color: green;
}

.loose {
	color: red;
}

#divResult {
	text-align: center;
}

.image_cont{
	display:flex;
	border: 2px solid #8a8a8a;
	height: 10vh;
	width: 10vh;
	justify-content: center;
	align-items: center;
	overflow: hidden;	
}
.image_cont:hover{
	display:flex;
}
img{
	margin: 2px;
	height: 100%;
	width: 100%;
	z-index: 0;
}
input{
	border-radius: 2px;
	width: 20vw;
	height: 5vh;
	font-size: 2em;
	margin: 1%
}