div {
float: left;
clear: both;
}


/* this is the background to my website */
#container {
background-color: yellowgreen;
height: 1800px;
width: 80%;
margin-bottom: 40px;
margin-left: 10%;

}
/* this is the sidebar for all my different places on the website */
.sidebar {
/*shares space with contents div*/
width: 23%;
clear: none;
margin-top: 2%;
margin-left: 2%;
margin-bottom: 2%;
background-color: goldenrod;
/*height: 375px;*/
}

/* side bar button b is for button */
.sidebarb {
background-color: grey;
width: 50%;
height: 60px;
margin-top: 10px;
margin-left: 20%;
padding:2%;
margin-bottom: 2%;
color: white;
min-width: 96px;
}

/* this is the area behind where my title is */
.contents {
background-color: skyblue;
/* shares space with sidebard */
clear: none;
width: 60%;
margin-left: 5%;
height: 300px;
margin-top: 2%;
color: black;
padding-left: 20px;
font-size: 1.2vw;
}

/* this is what holds my title */
.subcontent {
background-color: grey;
height: 70px;
margin-top: 10px;
padding-top: 10px;
width: 32%;
margin-left: 32%;
margin-right: 32%;
color: lightblue;
font-size: 1.2vw;
}

/* this is what is keeping my title in the center */
.mycenter {
width: 32%;
margin-left: 32%;
margin-right: 32%;
font-size: 1.2vw;
margin-top: 5px;
margin-bottom: 5px;
/*background-color: pink;*/
padding: 2%;
}


/* this is whats keeping my picture centered */
.pictures {
width: 10%;
margin-top: 1%;
margin-left: 13%;

}


.magintude {
width: 10%;
margin-top: 1%;
margin-left: 45%;

}

.danger {
width: 10%;
margin-top: 1%;
margin-left: 20%;

}

.cost {
width: 10%;
margin-top: 1%;
margin-left: 20%;

}


.final {
width: 10%;
margin-top: 1%;
margin-left: 20%;

}

.tart {
color:darkblue;
}