@import url('https://fonts.googleapis.com/css2?family=Jersey+25&display=swap');

body {
	background-color: #D02E85;
	padding-bottom: 4%;
}

h1 {
	color: #FFF;
	text-align: center;
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: #000;
	font-family: "Jersey 25";
	font-size: 65px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 3% 5% 0% 5%;
	text-transform: uppercase;

}

h2 {
	color: #FFF;
	text-align: center;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #000;
	font-family: "Jersey 25";
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 4%;
}


h3 {
	color: #FFF;
	text-align: center;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #000;
	font-family: "Jersey 25";
	font-size: 45px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.content-container img {
	height: 200px;
	width: 380px;
	object-fit: cover;
}

a:hover {
	background-color: #ef8dc1;

}


img {
	max-width: 50%;
	border: #000 5px solid;
	margin-top: 5%;
}

.seasonaloutfits {
	text-align: center;
}

.sevendaysofoutfits {
	text-align: center;
}

.buildyourownoutfit {
	text-align: center;
}

a {
	text-decoration: none;
	border: #000 10px double;
	display: block;
	margin: 4% 20% 5% 20%;
}


@media screen and (min-width: 1024px) {
	h1 {
		margin-top: 4%;
	}

	h2 {
		margin-bottom: -2%;
	}



	.content-container img {
		height: 420px;
		width: 500px;
	}

	.content-container {
		margin-bottom: -4%;
	}


}

@media only screen and (min-width: 1440px) {

	body {
		padding-bottom: 5%;
		margin-top: -3%;
	}

	h2 {
		margin-top: 1%;
	}

	.seasonal-container {
		display: grid;
		grid-template-columns: repeat(3, 1fr);

	}

	.seasonal-container img {
		height: 200px;
		width: 200px;

	}
}