div {
float: left;
clear: both;
}

img {
float: left;
width: 50%;
margin-left: 25%;
margin-right: 25%;	
}


#container {
border-radius: 30px;
/*this make it float up to the left*/
width: 90%;
/*height: 90%;*/
padding: 3%;
background-color:red;
font-size: 80pt;
border: 10px solid black;
}

.titlebar{
width: 10%;
margin-left: 40%;
background-color: lightblue;
height: 70px;
border-radius: 20px;
border:5px solid black;
font-size: 50px;
padding: 2%;
text-align:center;
}


.menubar{
border-radius: 30px;
/*this make it float up to the left*/
width: 60%;
float:left;
margin-left: 10%;
margin-top: 30px;
padding: 2%;
background-color:teal ;
font-size: 80pt;
border: 10px solid black;
}

.littlemenu {
height: 70px;
width: 150;
float: left;
border-radius: 20px;
border:5px solid black;
font-size: 30px;
cursor: pointer;
clear: none;
}

#m1{
background-color: blue;
color: white;
}

#m2{
background-color: green;
color:black;
}

#m3{
background-color: pink;
color:black;
}

#m4{
background-color: gray;
color:black;
}

 

.textarea{
border-radius: 30px;
/*this make it float up to the left*/
width: 60%;
float: left;
margin-left: 10%;
margin-top: 30px;
padding: 10%;
background-color: yellow;
font-size: 20pt;
border: 10px solid black;
}