/* this rule applies to all of the divs */
div {
float: left;
clear: both;
}


img{
width: 50%;
margin-left: 4%;
margin-right: 45%;

float: left;
border-radius: 30px;
margin-top: 10px;
}



/* This became a bug because it was too small before, it needed to be expanded */
#container {
background-color: darkolivegreen;
margin:3%;
width: 90%;
padding: 2%;
border-radius: 10px;

}


/* this div is used for both the menu header and page header- that why it is a class*/
.pageheader{
font-size: 20pt;
margin-left: .5%;
padding: 2%;
width: 90%;
background-color: antiquewhite;
font-family: fantasy;
padding-top: 1vh;
padding-bottom: 1vh;
margin-bottom: 3px;
border-radius: 10px;
}


/* this code is added in the bigger page header in order to make the font bigger  */
.bigtext{
font-size:52pt;
}



/*This div holds the paragragh text on the home page*/
#textdiv{
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
background-color: antiquewhite;
width: 80.5%;
/* can grow to hold endless vertical pictures  */
min-height: 112vh;
font-size: 20pt;
padding: 1%;
border-radius: 10px;
/*	this is a special case because we want the text div to share space with the menu*/
clear: none;
}


/* this div holds all the menus  */
#menuparent{
min-width: 9vw;
margin-top: 20px;
margin-left: 10px;
background-color: black;
padding-left: 1vw;
padding-right: .5vw;
padding-bottom: 1vh;
padding-top: 1vh;
border-radius: 10px;
float: left;
/*	this is a special case because we want the text div to share space with the menu*/
clear: none;
}


/*class because it is uesd over and over again*/
.menuoption{
font-size: 13pt;
margin-left: 2px;
margin-top: 8px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
background-color: antiquewhite;
min-width: 5vw;
max-width: 6vw;
border-radius: 10px;

}