/*global*/
div {

	float: left;
	clear: both;
}

	/* The base of the entire webpage, holds all the code below */
#container {
	background-color: black;
	border-radius: 20px;
	height: 1050px;
	margin-bottom: 5%;
	margin-left: 5%;
	width: 90%;
	float: left;
/*clear both directions(right and left)*/
	clear: both;
}

	/* The first blue box that holds the first white box on the left, Holds insidemenu1 */
.sidemenus1 {
	width: 17%;
	margin-top: 10px;
	border-radius: 20px;
	margin-left: 2.5%;
	background-color: darkblue;
	height: 152.5px;
	clear: none;
}
	
	/* The big blue box that holds the big white box, holds contentholder2 */
.contentholder1 {
	background-color: darkblue;
	clear: none;
	border-radius: 20px;
	width: 75%;
	margin-left: 3%;
	height: 28.5%;
	margin-top: 10px;

}

	/* The first white box on the left that holds text, holds text1 */
.insidemenus1 {
	width: 15%;
	margin-top: -285px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: 3.5%;
	clear: none;

}

	/* The second blue box that holds the second white box on the left, holds insidemenu2 */
.sidemenus2 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 40px;
	border-radius: 20px;
	margin-left: 2.5%;
	clear: none;

}

	/* The second white box on the left that holds text, holds text2 */
.insidemenus2 {
	width: 15%;
	margin-top: 55px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The big white box that contains a large amount of text, holds maintext */
.contentholder2 {
	background-color: white;
	clear: none;
	border-radius: 20px;
	width: 71.5%;
	margin-left: 4.8%;
	height: 23.5%;
	margin-top: -275px;

}

	/* The third blue box that holds the third white box on the left, holds insidemenu3 */
.sidemenus3 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 210px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The third white box on the left that holds text3 */
.insidemenus3 {
	width: 15%;
	margin-top: 225px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The forth blue box that holds the forth white box on the left, holds insidemenu4 */
.sidemenus4 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 380px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The forth white box on the left that holds text, holds text4 */
.insidemenus4 {
	width: 15%;
	margin-top: 395px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The forth blue box that holds the forth white box on the left, holds insidemenu4 */
.sidemenus5 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: -130px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The forth white box on the left that holds text, holds text4 */
.insidemenus5 {
	width: 15%;
	margin-top: -115px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* Massive blue box that holds images */
.imageholder1 {
	width: 74.9%;
	height: 715px;
	background-color: darkblue;
	margin-top: -690px;
	border-radius: 20px;
	margin-left: 22.5%;
	clear: none;
}




	/* The text in the first white box */
.text1 {
	color: black;
	font-size: 2.5vw;
	margin-left: 0vw;
	font-family: sans-serif;
	margin-top: 0vw;

}

	/* The text in the second white box */
.text2 {
	color: black;
	font-size: 2.5vw;
	margin-left: 0vw;
	font-family: sans-serif;
	margin-top: 0vw;

}

	/* The text in the big white box */
.maintext {
	color: black;
	font-size: 2.2vw;
	margin-top: 0%;
	font-family: sans-serif;

}

	/* The text in the third white box */
.text3 {
	color: black;
	font-size: 2.5vw;
	margin-left: 0vw;
	font-family: sans-serif;
	margin-top: 0vw;

}

	/* The text in the forth white box */
.text4 {
	color: black;
	font-size: 2.5vw;
	margin-left: 0vw;
	font-family: sans-serif;
	margin-top: 0vw;

}

/* The text in the forth white box */
.text5 {
	color: black;
	font-size: 2.5vw;
	margin-left: 0vw;
	font-family: sans-serif;
	margin-top: 0vw;

}

	/* The big image of the galaxy on the home page */
.Page1image1 {
	margin-left: 5%;
	width: 70%;
	margin-top: 2%;
	border-radius: 20px;
	height: 670px;

}


/* The base of the entire webpage, holds all the code below */
#Page2container {
	background-color: black;
	border-radius: 20px;
	height: 1050px;
	margin-bottom: 5%;
	margin-left: 5%;
	width: 90%;
	float: left;
/*clear both directions(right and left)*/
	clear: both;
}

	/* The first blue box that holds the first white box on the left, Holds insidemenu1 */
.Page2sidemenus1 {
	width: 17%;
	margin-top: 10px;
	border-radius: 20px;
	margin-left: 2.5%;
	background-color: darkblue;
	height: 152.5px;
	clear: none;
}
	
	/* The big blue box that holds the big white box, holds contentholder2 */
.Page2contentholder1 {
	background-color: darkblue;
	clear: none;
	border-radius: 20px;
	width: 75%;
	margin-left: 3%;
	height: 28.5%;
	margin-top: 10px;

}

	/* The first white box on the left that holds text, holds text1 */
.Page2insidemenus1 {
	width: 15%;
	margin-top: -285px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: 3.5%;
	clear: none;

}

	/* The second blue box that holds the second white box on the left, holds insidemenu2 */
.Page2sidemenus2 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 40px;
	border-radius: 20px;
	margin-left: 2.5%;
	clear: none;

}

	/* The second white box on the left that holds text, holds text2 */
.Page2insidemenus2 {
	width: 15%;
	margin-top: 55px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The big white box that contains a large amount of text, holds maintext */
.Page2contentholder2 {
	background-color: white;
	clear: none;
	border-radius: 20px;
	width: 71.5%;
	margin-left: 4.8%;
	height: 23.5%;
	margin-top: -275px;

}

	/* The third blue box that holds the third white box on the left, holds insidemenu3 */
.Page2sidemenus3 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 210px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The third white box on the left that holds text3 */
.Page2insidemenus3 {
	width: 15%;
	margin-top: 225px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The forth blue box that holds the forth white box on the left, holds insidemenu4 */
.Page2sidemenus4 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 380px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The forth white box on the left that holds text, holds text4 */
.Page2insidemenus4 {
	width: 15%;
	margin-top: 395px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The forth blue box that holds the forth white box on the left, holds insidemenu4 */
.Page2sidemenus5 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: -130px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The forth white box on the left that holds text, holds text4 */
.Page2insidemenus5 {
	width: 15%;
	margin-top: -115px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

.Page2image1 {
	margin-left: 5.5%;
	width: 70%;
	margin-top: 2%;
	border-radius: 20px;
	height: 675px;

}

	/* Massive blue box that holds images */
.Page2imageholder2 {
	width: 74.9%;
	height: 715px;
	background-color: darkblue;
	margin-top: -695px;
	border-radius: 20px;
	margin-left: 22.5%;
	clear: none;
}

	/* The text in the big white box */
.maintext2 {
	color: black;
	font-size: 2.0vw;
	margin-top: 0%;
	font-family: sans-serif;

}


	/* The base of the entire webpage, holds all the code below */
#Page3container {
	background-color: black;
	border-radius: 20px;
	height: 1050px;
	margin-bottom: 5%;
	margin-left: 5%;
	width: 90%;
	float: left;
/*clear both directions(right and left)*/
	clear: both;
}

	/* The first blue box that holds the first white box on the left, Holds insidemenu1 */
.Page3sidemenus1 {
	width: 17%;
	margin-top: 10px;
	border-radius: 20px;
	margin-left: 2.5%;
	background-color: darkblue;
	height: 152.5px;
	clear: none;
}
	
	/* The big blue box that holds the big white box, holds contentholder2 */
.Page3contentholder1 {
	background-color: darkblue;
	clear: none;
	border-radius: 20px;
	width: 75%;
	margin-left: 3%;
	height: 28.5%;
	margin-top: 10px;

}

	/* The first white box on the left that holds text, holds text1 */
.Page3insidemenus1 {
	width: 15%;
	margin-top: -285px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: 3.5%;
	clear: none;

}

	/* The second blue box that holds the second white box on the left, holds insidemenu2 */
.Page3sidemenus2 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 40px;
	border-radius: 20px;
	margin-left: 2.5%;
	clear: none;

}

	/* The second white box on the left that holds text, holds text2 */
.Page3insidemenus2 {
	width: 15%;
	margin-top: 55px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The big white box that contains a large amount of text, holds maintext */
.Page3contentholder2 {
	background-color: white;
	clear: none;
	border-radius: 20px;
	width: 71.5%;
	margin-left: 4.8%;
	height: 23.5%;
	margin-top: -275px;

}

	/* The third blue box that holds the third white box on the left, holds insidemenu3 */
.Page3sidemenus3 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 210px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The third white box on the left that holds text3 */
.Page3insidemenus3 {
	width: 15%;
	margin-top: 225px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The forth blue box that holds the forth white box on the left, holds insidemenu4 */
.Page3sidemenus4 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 380px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The forth white box on the left that holds text, holds text4 */
.Page3insidemenus4 {
	width: 15%;
	margin-top: 395px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The forth blue box that holds the forth white box on the left, holds insidemenu4 */
.Page3sidemenus5 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: -130px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The forth white box on the left that holds text, holds text4 */
.Page3insidemenus5 {
	width: 15%;
	margin-top: -115px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* Massive blue box that holds images */
.Page3imageholder1 {
	width: 74.9%;
	height: 715px;
	background-color: darkblue;
	margin-top: -685px;
	border-radius: 20px;
	margin-left: 22.5%;
	clear: none;
}

.Page3image1 {
	margin-left: 5%;
	width: 70%;
	margin-top: 2.1%;
	border-radius: 20px;
	height: 660px;
}

	/* The text in the big white box */
.maintext3 {
	color: black;
	font-size: 2.3vw;
	margin-top: 0%;
	font-family: sans-serif;

}

	/* The base of the entire webpage, holds all the code below */
#Page4container {
	background-color: black;
	border-radius: 20px;
	height: 1050px;
	margin-bottom: 5%;
	margin-left: 5%;
	width: 90%;
	float: left;
/*clear both directions(right and left)*/
	clear: both;
}

	/* The first blue box that holds the first white box on the left, Holds insidemenu1 */
.Page4sidemenus1 {
	width: 17%;
	margin-top: 10px;
	border-radius: 20px;
	margin-left: 2.5%;
	background-color: darkblue;
	height: 152.5px;
	clear: none;
}
	
	/* The big blue box that holds the big white box, holds contentholder2 */
.Page4contentholder1 {
	background-color: darkblue;
	clear: none;
	border-radius: 20px;
	width: 75%;
	margin-left: 3%;
	height: 28.5%;
	margin-top: 10px;

}

	/* The first white box on the left that holds text, holds text1 */
.Page4insidemenus1 {
	width: 15%;
	margin-top: -285px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: 3.5%;
	clear: none;

}

	/* The second blue box that holds the second white box on the left, holds insidemenu2 */
.Page4sidemenus2 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 40px;
	border-radius: 20px;
	margin-left: 2.5%;
	clear: none;

}

	/* The second white box on the left that holds text, holds text2 */
.Page4insidemenus2 {
	width: 15%;
	margin-top: 55px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The big white box that contains a large amount of text, holds maintext */
.Page4contentholder2 {
	background-color: white;
	clear: none;
	border-radius: 20px;
	width: 71.5%;
	margin-left: 4.8%;
	height: 23.5%;
	margin-top: -275px;

}

	/* The third blue box that holds the third white box on the left, holds insidemenu3 */
.Page4sidemenus3 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 210px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The third white box on the left that holds text3 */
.Page4insidemenus3 {
	width: 15%;
	margin-top: 225px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The forth blue box that holds the forth white box on the left, holds insidemenu4 */
.Page4sidemenus4 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 380px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The forth white box on the left that holds text, holds text4 */
.Page4insidemenus4 {
	width: 15%;
	margin-top: 395px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

/* The forth blue box that holds the forth white box on the left, holds insidemenu4 */
.Page4sidemenus5 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: -130px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The forth white box on the left that holds text, holds text4 */
.Page4insidemenus5 {
	width: 15%;
	margin-top: -115px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* Massive blue box that holds images */
.Page4imageholder1 {
	width: 74.9%;
	height: 715px;
	background-color: darkblue;
	margin-top: -692px;
	border-radius: 20px;
	margin-left: 22.5%;
	clear: none;
}

.Page4image1 {
	margin-left: 5.5%;
	width: 70%;
	margin-top: 2%;
	border-radius: 20px;
	height: 670px;
}

	/* The text in the big white box */
.maintext4 {
	color: black;
	font-size: 2.4vw;
	margin-top: 0%;
	font-family: sans-serif;

}

/* The base of the entire webpage, holds all the code below */
#Page5container {
	background-color: black;
	border-radius: 20px;
	height: 1050px;
	margin-bottom: 5%;
	margin-left: 5%;
	width: 90%;
	float: left;
/*clear both directions(right and left)*/
	clear: both;
}

	/* The first blue box that holds the first white box on the left, Holds insidemenu1 */
.Page5sidemenus1 {
	width: 17%;
	margin-top: 10px;
	border-radius: 20px;
	margin-left: 2.5%;
	background-color: darkblue;
	height: 152.5px;
	clear: none;
}
	
	/* The big blue box that holds the big white box, holds contentholder2 */
.Page5contentholder1 {
	background-color: darkblue;
	clear: none;
	border-radius: 20px;
	width: 75%;
	margin-left: 3%;
	height: 28.5%;
	margin-top: 10px;

}

	/* The first white box on the left that holds text, holds text1 */
.Page5insidemenus1 {
	width: 15%;
	margin-top: -285px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: 3.5%;
	clear: none;

}

	/* The second blue box that holds the second white box on the left, holds insidemenu2 */
.Page5sidemenus2 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 40px;
	border-radius: 20px;
	margin-left: 2.5%;
	clear: none;

}

	/* The second white box on the left that holds text, holds text2 */
.Page5insidemenus2 {
	width: 15%;
	margin-top: 55px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The big white box that contains a large amount of text, holds maintext */
.Page5contentholder2 {
	background-color: white;
	clear: none;
	border-radius: 20px;
	width: 71.5%;
	margin-left: 4.8%;
	height: 23.5%;
	margin-top: -275px;

}

	/* The third blue box that holds the third white box on the left, holds insidemenu3 */
.Page5sidemenus3 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 210px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The third white box on the left that holds text3 */
.Page5insidemenus3 {
	width: 15%;
	margin-top: 225px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* The forth blue box that holds the forth white box on the left, holds insidemenu4 */
.Page5sidemenus4 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: 380px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The forth white box on the left that holds text, holds text4 */
.Page5insidemenus4 {
	width: 15%;
	margin-top: 395px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

/* The forth blue box that holds the forth white box on the left, holds insidemenu4 */
.Page5sidemenus5 {
	background-color: darkblue;
	height: 152.5px;
	width: 17%;
	margin-top: -130px;
	border-radius: 20px;
	margin-left: -17%;
	clear: none;

}

	/* The forth white box on the left that holds text, holds text4 */
.Page5insidemenus5 {
	width: 15%;
	margin-top: -115px;
	border-radius: 20px;
	background-color: white;
	height: 125px;
	margin-left: -16%;
	clear: none;

}

	/* Massive blue box that holds images */
.Page5imageholder1 {
	width: 74.9%;
	height: 715px;
	background-color: darkblue;
	margin-top: -690px;
	border-radius: 20px;
	margin-left: 22.5%;
	clear: none;
}

.Page5image1 {
	margin-left: 5.5%;
	width: 70%;
	margin-top: 2%;
	border-radius: 20px;
	height: 670px;
}