/* watch toby video from assignment 3 */

div {
float: left;
clear: none;
}

iframe {
    float: left;
    clear: both;
    margin-top: 3vh;

}

/*image rendering */
img {
    width: 40%;
    height: 20%;
    margin-top: 20px;
    margin-left: 30%;
    margin-right: 30%;
    float: left;
    clear: both;
}

#container {
background-color: black;
width: 88%;
margin-left: 5%;
margin-right: 5%;
padding: 1%;
/*height: 910px;*/
margin-bottom: 20px;
/* width can not exceed 100% budget  */
} 

.menubox {
margin-top: 100px;
clear: both;
background-color: whitesmoke;
height: 90px;
width: 90%;
text-align: center;
}

.sidebar {
background-color: grey;
height: 840px;
width: 5%;
padding: 2%;
margin-left: 5%;
}

.textholder {
background-color: whitesmoke;
width: 68%;
padding: 2%;
margin-left: 6%;
font-size: 32pt;
}

.imagestack {
width: 90%;
margin-left: 5%;
margin-right:5%;
height: 400px;
background-color: grey;
clear: both;
margin-top: 20px;
}