/*this is for the hidden text that you cant see normally*/
p2 {
	color: #6ec3c1;
}
/*this is to change the font of every normal text*/
p {
font-family: 'Oswald', sans-serif;
}

/*this is to make the text lighter if you arent hovering over it*/
img {
 opacity: 0.5;
}

img:hover {
  opacity: 1;
}
/*this is for the background color*/
body {
  background-color: #5ec295;
}
/*this is all stuff for the header*/
.header {
	background-color: #809bce;
	height: 100%;
	width: 10%;
	position: fixed;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin: 0;
}


.title {
	background-color: #6ec3c1;
	width: 90%; 
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	clear: both;
	border-radius: 10px;
	padding-left: 10px;
	font-family: arial;
	font-size: 80px;
	text-align: center;



}

.textcontent {
	background-color: #6ec3c1;
	width: 90%; 
	height: auto;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	border-radius: 10px;
	margin-top: 3%;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;


}


.container {
	background-color: #5ec295;
	width: 87%;
	margin-right: auto;
	margin-left: 10%;
	padding: 30px;
	border-radius: 30px;
	margin-bottom: auto;
	

}



.purplebox {
	background-color: #b8e0d2;
	height:17%;
	width: 84%;
	color: white;
	margin: 5px;
	padding: 10px;
	border-radius: 5px;
	float: left;

}
#home{

	height: 100%;
	width: 100%;
}