div {
	float: left;
	clear: both;
}

p {
	color: white;
	font-size: 25px;
	text-align: center;
}

a {
	font-size: 25px;
	text-decoration: none;
	color: black;
	display: block;
}

a:hover {
	color: blue;
}

img {
	width: 50vw;
	padding-left: 100px;
}

#container {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	background-color: deepskyblue;
	

}

.header {
	height: 100px;
	width: 80%;
	margin-left: 10%;
	margin-top: 3%;
	background-color: darkblue;
	align-content: center;
}

.bar {
	height: 50px;
	width: 100%;
	margin-top: 2%;
	background-color: skyblue;
}
/*for the page buttons*/
.button {
	height: 100%;
	width: 16.666667%;
	background-color: cadetblue;
	border-radius: 25px;
	clear: none;
	text-align: center;
}

.content {
	background-color: steelblue;
	width: 85%;
	margin-top: 2%;
	margin-right: 7.5%;
	margin-left: 7.5%;
	margin-bottom: 2%;
}

.home {
	font-size: 50px;
	color: black;
	text-align: left;
	padding-left: 2%;
}
/*text properties for each page*/

.page1 {
	font-size: 50px;
	color: black;
	text-align: left;
	padding-left: 2%;
}

.page2 {
	font-size: 50px;
	color: black;
	text-align: left;
	padding-left: 2%;
}

.page3 {
	font-size: 50px;
	color: black;
	text-align: left;
	padding-left: 2%;
}

.page4 {
	font-size: 40px;
	color: black;
	text-align: left;
	padding-left: 2%;
}

.ors {
	font-size: 50px;
	color: black;
	text-align: left;
	text-decoration: underline;
}

.per {
	font-size: 40px;
	color: black;
	text-align: left;
	text-decoration: underline;
}