/*All my HTML files share the same CSS */

div {
float: left;
clear: both;
}
/* lines above every div line 1 means every div , global selector*/

img {
float: left;
width: 50%;
margin-right: 25%;
margin-left: 25%;
}
/* this styles our pictures , I need 2 pictures*/


#mainwrap {
background-color: black;
/*height: 950px;*/
width: 80%;
margin-bottom: 40px;
margin-left: 10%;
float: left;
}


.title {
width: 80%;
margin-left: 15%;
background-color: orange;
height: 55px;
border-radius: 10px;
 
margin-left: 5%;
margin-top: 20px;
padding: 5%;
font-size: 50pt;
text-align: center;
 
}

#menuwrap {
width: 84%;
margin-left: 15%;
background-color: orange;
/*no height , will grow to fit the child objects*/
border-radius: 10px;
margin-left: 5%;
margin-top: 20px;
padding: 1%;
text-align: center;
 /* bad idea to have height of 1 percent*/
}

.textarea {
width: 80%;
margin-left: 3%;
background-color: lightblue;
/*height: 675px;*/
border-radius: 10px;
margin-left:5%;
margin-top: 20px;
padding: 3%;
font-size: 18px;
text-align: center;
 
}



.submenu{
height: 45px;
width: 130px;
background-color: tomato; 
margin-top: 1%;
margin-left: 3%;
border-radius: 10px;
font-size:14;	
clear:none;
}