html, body {
	margin: 0;
	height: 100%;	
	width: 100%;
}

h1 {
	margin: 0;
	font-family: 'Lobster', cursive;
	text-align: center;
	padding-top: 500px;
	font-size: 8em;
	opacity: 0.8;
}

h2 {
	font-family: 'Lobster', cursive;
	text-align: center;
	font-size: 60px;
	color: #AACEF9;
	padding-left: 25px;
}

span {
	font-family: 'Lobster', cursive;
	font-size: 56px;
	color: #AACEF9;
}

p {
	font-family: 'Raleway', sans-serif;
	font-size: 1.5em;
	line-height: 1.35em;
	padding-left: 35px;
	margin-left: 30px;
	margin-right: 30px;
}

footer {
	font-family: 'Raleway', sans-serif;
	font-size: 1.25em;
	text-align: center;
	opacity: 0.5;
}

#image1 {
	background-image: url("img/cover.jpeg");
	min-height: 1500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#image2 {
	background-image: url("img/rain.jpeg");
	min-height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#image3 {
	background-image: url("img/snow.jpeg");
	min-height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#image4 {
	background-image: url("img/hail.jpg");
	min-height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#image5 {
	background-image: url("img/backdrop-modified.jpg");
	min-height: 1500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}

#image6 {
	background-image: url("img/forest.jpg");
	min-height: 950px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	
}

#image7 {
	background-image: url("img/steam.jpg");
	min-height: 950px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#image8 {
	background-image: url("img/clouds.jpg");
	min-height: 950px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}	

.list-blue {
	color: #AACEF9;
}

.list-gray {
	color: #CECECE;
}

.white {
	margin: 0;
	color: white;
	background-color: gray;
	padding-top: 15px;
	padding-bottom: 30px;
}

#rain {
	padding-top: 20px;

}

#snow {
	padding-top: 20px;

}

#hail {
	padding-top: 20px;

}

#grid {
	display: grid;
	grid-template-areas:
	"image1 image2 image3";
	min-height: 800px;
}

#element-text {
	display: grid;
	grid-template-areas:
	"rain snow hail";
	grid-gap: 2%;
}

.link {
	text-align: center;
}

.top {
	font-family: 'Lobster', cursive;
	font-size: 38px;
	color: #AACEF9;
	position: center;
	text-decoration: none;
}

.top:hover {
	text-decoration: underline;
}