#jscontainer {
padding: 100px;
height: 1200px;
width: 70%;
margin-left: auto;
margin-right: auto;
/* using auto margins mean you must use both left and right*/
background-color: crimson;
border-radius: 100px;
}


#results {
font-size: 30pt;
}


#container {
float: left;
clear: both;
/*height: 1200px;*/
/*remove the height and the parent will grow to fit the child objects*/
width: 70%;
margin-left: 15%;

/* using auto margins mean you must use both left and right*/
background-color: crimson;
border-radius: 100px;



/* this is more specific by id*/
}

div {
border-radius: 10px;
}

#header {
/*height: 100px;*/
float: left;
clear: both;
margin-left: 15%;
width: 70%;
min-width: 300px;
background-color: white
}

.textarea {
/*height: 1000px;*/
float: left;
clear: both;
margin-left: 15%;
padding-bottom: 45px;
width: 70%;
background-color: silver;
font-size: 13pt;
color:black; 
font-family: Century Gothic, sans-serif;
}



.menubox { 
height: 50px;
width: 115px;
background-color: crimson;
float: left;
padding: 15px;
margin-left: 5px;
margin-top: 5px;
font-family: Century Gothic, sans-serif;
}


img {
width: 60%;
float: left;
margin-left: 20%;
}