.header {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.header .links {
	display: flex;
	justify-content: end;
	gap: 1rem;
}

* {
	margin: 0;
	padding: 0;
}

.hero {
	background:linear-gradient(rgba(0,0,0, .8), rgba(0,0,0, .2)), url("https://ca-times.brightspotcdn.com/dims4/default/41463b0/2147483647/strip/true/crop/2048x1648+0+0/resize/1193x960!/quality/75/?url=https%3A%2F%2Fcalifornia-times-brightspot.s3.amazonaws.com%2Fc6%2F74%2Ff2afb486e37b5828b169cc31ab19%2Fla-babe-ruth-through-the-years-20140708-011");
	background-size: cover;
	min-heigh: 400px;
	height: 90vh;
	color: white;
	display: flex;
	align-items: center;
	padding: 2rem;
}

.hero .content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}


.wrapper{
  background:#2374ab;
}

/* Golden Age */

.golden-age .header {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.golden-age .header .links {
	display: flex;
	justify-content: end;
	gap: 1rem;
}

.golden-age * {
	margin: 0;
	padding: 0;
}

.golden-age .hero {
	background: url("https://dev.sabr.org/wp-content/uploads/2012/01/AaronHenry1.jpg");
	background-size: cover;
	min-heigh: 400px;
	height: 90vh;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2rem;
}

.golden-age .hero .content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	text-align: center;
}

.golden-age .hero .button-container {
	margin-top: 1rem;
}

.golden-age .hero .button {
	color: white;
	text-decoration: none;
	border: 1px solid white;
	display: inline;
	padding: 10px 20px;
	text-align: center;
}

/* 1970-2010 */

.seventy-twenty .header {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.seventy-twenty .header .links {
	display: flex;
	justify-content: end;
	gap: 1rem;
}

.seventy-twenty * {
	margin: 0;
	padding: 0;
}

.seventy-twenty .hero {
	background: url("https://img.mlbstatic.com/mlb-images/image/upload/ar_9:10,g_auto,q_auto:good,w_2608,c_fill,f_jpg/mlb/n7qwe6c2bxx6tmpvpvws");
	background-size: cover;
	min-heigh: 400px;
	height: 90vh;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2rem;
}

.seventy-twenty .hero .content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	text-align: center;
}

/* The Beginning */
.the-beginning .header {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.the-beginning .header .links {
	display: flex;
	justify-content: end;
	gap: 1rem;
}

.the-beginning * {
	margin: 0;
	padding: 0;
}

.the-beginning .hero {
	background: url("https://sabrweb.b-cdn.net/wp-content/uploads/2017/07/1861-St-George-Cricket-Club-300x199.png");
	background-size: cover;
	min-heigh: 400px;
	height: 90vh;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2rem;
}

.the-beginning .hero .content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	text-align: center;
}

/* Today's Stars */

.todays-stars .header {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.todays-stars .header .links {
	display: flex;
	justify-content: end;
	gap: 1rem;
}

.todays-stars * {
	margin: 0;
	padding: 0;
}

.todays-stars .hero {
	background: url("https://a.espncdn.com/combiner/i?img=/i/headshots/mlb/players/full/39832.png");
	background-size: cover;
	min-heigh: 400px;
	height: 90vh;
	color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2rem;
}

.todays-stars .hero .content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	text-align: center;
}