body, html{
	height: 100%;
}
.firstpage{
	height: 100%;
	background-image: url(https://images.pexels.com/photos/251225/pexels-photo-251225.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 100px;
}
.header{
	text-align: center;
}
.header img{
	width: 30%;
	height: 30%;
	border: 2px solid black;
	border-radius: 200px;
}
.header h1{
	font-family: "Copperplate Gothic Light";
	font-size: 50px;  
	font-weight: 700; 
	line-height: 27px;
	text-shadow: 2px 2px #eeeeee;
}
.secondpage{
	background-color: #eeeeee;
	font-size: 36px;
	text-align: center;
	padding: 50px 10px;
	position: relative;
	border: 2px solid black;
}
.description h1{
	margin: 0;
	font-family: "Copperplate Gothic Light";
	font-size: 35px;  
	font-weight: 500; 
	line-height: 50px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
}
.thirdpage{
	height: 100%;
	background-image: url(https://images.pexels.com/photos/273238/pexels-photo-273238.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 30px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.left_nav, .right_nav{
	width: 43%;
	height: 85%;
	background-color: rgba(238, 238, 238, 0.5);
	padding: 20px 20px;
	border: 2px solid black;
}
.left_nav h3, .right_nav h3{
	margin: 0;
	font-family: "Copperplate Gothic Light";
	font-size: 35px;  
	font-weight: 600; 
	line-height: 50px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
}
.left_nav h4, .right_nav h4{
	margin: 0;
	font-family: "Copperplate Gothic Light";
	font-size: 35px;  
	font-weight: 500; 
	line-height: 50px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
	padding-left: 30px;
}
.left_nav a{
	text-decoration: none;
	color: inherit;
}
.left_nav a:hover{
	color: #eeeeee;
	text-shadow: 2px 2px #111;
	transition: 0.5s;
}
.fourthpage{
	background-color: #eeeeee;
	height: 90%;
	font-size: 36px;
	text-align: left;
	padding: 10px 10px;
	position: relative;
	border: 2px solid black;
}
.fourthpage h2{
	margin: 0;
	font-family: "Copperplate Gothic Light";
	font-size: 35px;  
	font-weight: 600; 
	line-height: 50px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
}
.fourthpage h3{
	margin: 0;
	margin-top: 15px;
	font-family: "Copperplate Gothic Light";
	font-size: 35px;  
	font-weight: 600; 
	line-height: 35px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
	padding-left: 30px;
}
.fourthpage h4{
	margin: 0;
	font-family: "Copperplate Gothic Light";
	font-size: 35px;  
	font-weight: 500; 
	line-height: 35px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
	padding-left: 60px;
}
.fourthpage h5{
	margin: 0;
	font-family: "Copperplate Gothic Light";
	font-size: 30px;  
	font-weight: 450; 
	line-height: 30px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
	padding-left: 70px;
}
.fourthpage pre{
	font-family: inherit;
	color: inherit;
	line-height: inherit;
	margin-bottom: 5px;
}
.fifthpage{
	height: 100%;
	background-image: url(https://images.pexels.com/photos/6045735/pexels-photo-6045735.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 30px;
}
.inner_nav{
	width: 80%;
	height: 90%;
	background-color: rgba(238, 238, 238, 0.5);
	padding: 20px 20px;
	border: 2px solid black;
	margin-left: auto;
    margin-right: auto;
}
.inner_nav h3{
	margin: 20px 5px;
	font-family: "Copperplate Gothic Light";
	font-size: 35px;  
	font-weight: 600; 
	line-height: 35px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
	padding-left: 30px;
	color: #111;
}
.inner_nav h4{
	margin: 15px 5px;
	font-family: "Copperplate Gothic Light";
	font-size: 35px;  
	font-weight: 500; 
	line-height: 35px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
	padding-left: 60px;
	color: #111;
}
.inner_nav pre{
	font-family: inherit;
	color: inherit;
	line-height: inherit;
	margin: inherit;
}
.sixthpage{
	background-image: url(https://images.pexels.com/photos/4198029/pexels-photo-4198029.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);
	min-height: 40%;
	height: auto;
	font-size: 36px;
	text-align: left;
	padding: 32px 10px;
	position: relative;
	border: 2px solid black;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
#left_nav, #right_nav{
	width: 43%;
	height: 100%;
	padding: 20px 20px;
	outline: 32px solid #eeeeee;
	border: 2px solid black;
	background-color: rgba(238, 238, 238, 0.5);
}
#left_nav h3, #right_nav h3{
	margin: 0;
	font-family: "Copperplate Gothic Light";
	font-size: 35px;  
	font-weight: 600; 
	line-height: 50px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
}
#left_nav h4, #right_nav h4{
	margin: 0;
	font-family: "Copperplate Gothic Light";
	font-size: 30px;  
	font-weight: 500; 
	line-height: 50px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
	padding-left: 30px;
}
#left_nav h5, #right_nav h5{
	margin: 0;
	font-family: "Copperplate Gothic Light";
	font-size: 25px;  
	font-weight: 450; 
	line-height: 30px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
	padding-left: 70px;
}
#left_nav h6, #right_nav h6{
	margin: 0;
	font-family: "Copperplate Gothic Light";
	font-size: 15px;  
	line-height: 20px;
	text-shadow: 2px 2px #eeeeee;
	letter-spacing: 2px;
	padding-left: 70px;
}
.footer{
	background-image: url(https://images.pexels.com/photos/301378/pexels-photo-301378.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);
	height: 53px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}