#combat {
	display: flex;
	gap: 70px;
	justify-content: center;
	width: 100%;
	height: 500px;
}

.my-pick {
	display: grid;
	width: 200px;
	background-color: white;
	height: 200px;
	border-radius: 50%;
	justify-items: center;
	border: 25px solid hsl(230, 89%, 65%);
	cursor: pointer;
	position: relative;
	top: 35%;
}

#state {
	display: grid;
	align-items: center;
	justify-content: center;
}

.house-pick {
	display: grid;
	width: 200px;
	background-color: white;
	height: 200px;
	border-radius: 50%;
	justify-items: center;
	border: 25px solid hsl(40, 84%, 53%);
	cursor: pointer;
	position: relative;
	top: 35%;
}
#house-pick:hover {
	transition: 1s;
	box-shadow: inset 3px 15px 6px gray;
}

#my-pick:hover {
	transition: 1s;
	box-shadow: inset 3px 15px 6px gray;
}

.result {
	text-align: center;
	color: white;
	width: 120%;
	font-size: 50px;
	font-weight: 1000;
}

.play-again {
	text-align: center;
	background-color: white;
	border: none;
	font-size: 25px;
	width: 120%;
	height: 50px;
	border-radius: 10px;
	cursor: pointer;
}

#play-again:hover {
	transition: 1s;
	color: white;
	background-color: black;
}

.fonts {
	color: white;
	text-align: center;
	font-size: 30px;
	font-weight: 400;
}

