body {
	background-color: #273474;
	text-align: center;
	padding: 0 30px;
	overflow-y: hidden; /* Hide vertical scrollbar */
	overflow-x: hidden; /* Hide horizontal scrollbar */
}

h1 {
	color: #fff;
}

label {
	text-align: left !important;
}

button {
	font-weight: bold;
}

#div1,
#div2,
#div3 {
	border: 2px solid white;
}

.modal-body {
	background-color: #273474;
	color: #fff;
}

#newHorseLabel {
	color: black;
}

#div1 {
	box-sizing: border-box;
	height: 6vh;
	padding: 1vw;
	text-align: center;
	background-color: #273474;
	/* margin: 10px auto;*/
	margin: 0 0;
	color: #222;
	border-radius: 20px;
}

#div2 {
	box-sizing: border-box;
	height: 75vh;
	padding: 1vw;
	text-align: center;
	background-color: #273474;
	margin: 10px auto;
	color: #fff;
	border-radius: 20px;
}

#div3 {
	box-sizing: border-box;
	height: 6vh;
	padding: 1vw;
	text-align: center;
	background-color: #273474;
	margin: 15px auto;
	color: #222;
	border-radius: 20px;
}

input,
.trash {
	background-color: #273474;
	color: #fff;
	font-size: 1.5rem;
}

#howManyHorsesMath {
	height: 38px;
	width: 60px;
	color: black;
	font-size: 1.5rem;
}

#div1 p,
#div3 p {
	font-size: 16px;
}

#div2 p {
	font-size: 48px;
}

#div2 {
	overflow-x: hidden;
	overflow-y: auto;
}

.boxes {
	border: 2px solid white;
	border-radius: 10px;
	height: 50px;
}

.result {
	border-radius: 10px;
}

.vertical-center_farmeName {
	width: 80%;
	margin: 0;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	#div2 {
		height: 65vh;
	}

	.sectionHeader {
		font-size: 16px !important;
		color: chartreuse;
	}
}