*:hover{

	trasition: 100s ease-in-out;
	border-radius: 8888%;

} 
/*Creats odd background glich*/

.container{

	border: 5px solid #555555;
	background-color: #550000;
	width: 80%;
	height: 777px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	transition: 1s ease-in-out;
	

}
/*Container on all pages*/

.container:hover {

	
	
	
	
	transition: 100s ease-in-out;
	border-radius: 5%;
}

/*makes the container more rounded over time*/
/**:hover{*/

	/*transform: rotate(900deg);*/
    /*transition: 887s ease-in-out;*/
    /*background-color: #123456;*/
	


body{
	
    background-color: #440000
    



}
/*sets the background color*/

.header{

	border: 2px solid #0000cc;
	height: 45px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	transition: 5s ease-in-out;


}
/*header common to all pages*/




.menu{

	float: left;
	height: 25px;
	margin: 10px 20px 10px 10px;
	text-align: center;
	border: 2px solid #123456;
	width: 14%;
	background-color: #012345;
	color: #ffffff;
	transition: 1s ease-in-out;

}
/*menu common to all pages*/
.menu:hover{

	background-color: #123456;
	transition: 1s ease-in-out;
	color: #123456;
	font-size: 1px;
	border-radius: 30%;


}
/*gives the menu a color change when you hover over it*/

.content{

	transition: 5s ease-in-out;
	color: #777777;
	
	height: 20%;
	/*width: 10%*/
	font-size: 19px;
	padding: 5px 5px 5px 5px;


}
/*content common to all pages*/

.broken:hover {

	transition: 10s ease-in-out;
	transform: rotate(2318094deg);
	background-color: #123456;
	color: #123456;
	font-size: 10000em;

}
/*does some odd stuff on one page*/

.broken {
	transition: 10s ease-in-out;
	color: #002345;
	font-size: 1px;

}
/*fixed the broken page over time*/

.page2 {

	transform: rotate(90deg);

}
/*changes page orientation*/

.page3 {

	transform: rotate(180deg);

}
/*changes page orientation*/

.page4 {

	transform: rotate(270deg);

}
/*changes page orientation*/

.image{

	height: 50px;
	width: 50px;
	float: left;

}
/*keeps the image in line*/

img {

	height: 50px;
	width: 50px;
	transition: 1s ease-in-out;

}

/*set the image hight and width for all pages*/

img:hover {

	width: 1000px;
	height: 1000px;
	transition: 0.51s ease-in-out;
}

button{
	height: 1px;
	width: 1px;
	background-color: #123454;
	border: 2px solid black;
	transition: 5s ease-in-out;
	

	


}

button:hover{
	

	background-color: #123454;
	border: 2px solid black;
	height: 80px;
	width: 80px;
	transition: 100s ease-in-out;


}