div {
float: left;
clear: none;
}


#container {
height: 1100px;
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
margin-top: 50px;
background-color: lightgrey;
border-radius: 40px;
}

.menus {
width: 10%;
margin-top: 5%;
margin-left: 3%;
height: 950px;
background-color: pink;
clear: none;
}

.contents {
background-color: linen;
clear: none;

/* if added padding, the width must be reduced because it cannot exceed 100% */
width: 80%;
margin-left: 2%;
height: 900px;
margin-top: 5%;
}

p{
font: small-caps;
font-size: 28pt;
color: green;
margin-top: 10%;
margin-left: 5%;

}

img{
width: 60%;
margin-left: 15%;
}

.submenu {
background-color: linen;
width: 50%;
margin-left: 10%;
height: 8%;
margin-top: 10%;
padding: 15%;
padding-top: 50%;
border-radius: 10px;
clear: none;
}