body {
   font-size: small;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height: 1.6em;
}
h1, h2 {
   color: #007e7e;
}
h1 {
    font-size: 150%
}
h2 {
    font-size: 130%;
}
.intro {
    box-sizing: border-box;
    color: #444;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    background-color: #a7cece;
    padding: 25px;
    padding-left: 80px;
    margin: 30px;
    margin-right: 250px;
    background-image: url(Assets/background.gif);
    background-repeat: no-repeat;
    background-position: top left;
    border-radius: 15px;
    border-style: groove;
    border-color: #444;
    border-width: medium;
    -webkit-box-shadow: 5px 5px 10px 10px #00646B;
    box-shadow: 5px 5px 10px 10px #00646B;
}
.geninfo {
    box-sizing: border-box;
    color: #444;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    background-color: #a7cece;
    padding: 25px;
    padding-left: 80px;
    margin: 30px;
    margin-right: 250px;
    background-image: url(Assets/background.gif);
    background-repeat: no-repeat;
    background-position: top left;
    border-radius: 15px;
    border-style: groove;
    border-color: #444;
    border-width: medium;
    -webkit-box-shadow: 5px 5px 10px 10px #00646B;
    box-shadow: 5px 5px 10px 10px #00646B;
}
#classifications {
    box-sizing: border-box;
    color: #444;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    background-color: #a7cece;
    padding: 25px;
    padding-left: 80px;
    margin: 30px;
    margin-right: 550px;
    background-image: url(Assets/background.gif);
    background-repeat: no-repeat;
    background-position: top left;
    border-radius: 15px;
    border-style: groove;
    border-color: #444;
    border-width: medium;
    -webkit-box-shadow: 5px 5px 10px 10px #00646B;
    box-shadow: 5px 5px 10px 10px #00646B;
}
#float {
    /*I CANT GET MY TAXONOMY HEADER AND MY CLASSIFICATION HEADERS SIDE BY SIDE PLS HELP ME!!!*/
    position: fixed;
    float: left;
}