/*div {
	float: left;
	clear: both;
}*/
/* this is a global div selector, it applies the things in it to the things below it or something like that */

/* this is to hold all of the contents of the website */
#container {
	background-color: mediumpurple;
	height: 1500px;
	margin-top: 20px;
	/*margin-bottom: 60px;*/
	margin-left: auto;
	margin-right: auto;
	padding-top: 2%;
	padding-left: 2%;
	/*padding-right: 2%;*/
	width: 75%;
	/*float: left;*/
	clear: both;
}

/* this is to hold all of the links to different pages */
.headerBox {

	width: 96%;
	background-color: skyblue;
	height: 140px;
	float: left;
	clear: both;
}

/* this is the button to go back to the home page */
.homeBox {
	width: 23.75%;
	margin-left: 1%;
	margin-top: 1%;
	height: 80%;
	background-color: whitesmoke;
	float: left;
	
}

/* this is the button to go to the steam history page */
.steamBox {
	width: 23.75%;
	margin-left: 1%;
	margin-top: 1%;
	height: 80%;
	background-color: whitesmoke;
	float: left;
}

/* this is to go to the transition history page */
.transitionBox {
	width: 23.75%;
	margin-left: 1%;
	margin-top: 1%;
	height: 80%;
	background-color: whitesmoke;
	float: left;
}

/* this is to go to the modern history page */
.modernBox {
	width: 23.75%;
	margin-left: 1%;
	margin-top: 1%;
	height: 80%;
	background-color: whitesmoke;
	float: left;
}



/* this is to hold the text in the different pages */
.textBox {

	width: 94%;
	height: 1040px;
	margin-top: 2%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	background-color: lightgrey;
	float: left;
	clear: both;
}

#container2 {
	font-size: 25pt;
}

#container3 {
	font-size: 19pt;
}

p.indent {

	text-indent: 30px;
}