footer.footer {
	padding: 1.5rem;
	height: 10vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.title-home {
	background-image: hsl(0, 100%, 50%);
	color: red;
}

.title-away {
	background-image: linear-gradient(to left, red, white);
}

.home-team-soccer {
	color: aqua;
}

.away-team-soccer {
	color: brown;
}

/* Home */

.hero-body-index {
	display: flex;
	align-items: center;
	width: 100%;
	height: 90vh;
	background-image: linear-gradient(black, transparent 15%, transparent 85%, black),
		url("./images/main-page-football.jpg");
	background-size: cover;
	background-position: center;
}

.baseball-btn:hover,
.soccer-btn:hover {
	background-color: hsl(0, 0%, 85%) !important;
}

/* Baseball Page */

.main-content {
	display: flex;
	justify-content: space-evenly;
}

.hero-body-baseball {
	width: 100%;
	height: 80vh;
	background-image: url("./images/baseball-stadium.jpg");
	background-size: cover;
	background-position: center;
}

.track-clear-btns {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 3rem;
}

/* Soccer Page */

.hero-body-soccer {
	width: 100%;
	height: 80vh;
	background-image: url("./images/soccer-stadium.jpg");
	background-size: cover;
	background-position: center;
}