body {
    background-color: rgb(66, 89, 57);
    background-image:url(bg2.png) ;
    background-size: 100%;
    background-repeat: no-repeat;
}

.tabs{
    background-color: rgb(0, 0, 0);
    top:0px;
    left:0px;
    padding-top:20px;
    width: 0px;
    height: 100%;
    position:fixed;
    transition:0.3s;
      overflow-x: hidden;
      z-index: 2;
}

.tabs a{
    transition:0.3s;
    display: block;
}

.innerTabs{
    width: 250px;
    height: 30px;
    position: relative;

}
.innerTabs:hover{
    width: 250px;
    height: 30px;
    position: relative;
    background-color: rgb(66, 89, 57);
}
.selected{
    background-color: rgb(98, 54, 45);
}
.sidebarTabStyle{
    font-family:Noctis, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color:rgb(218, 224, 231);
    text-decoration: none;
}
.sidebarTabStyle:hover{
    font-size: 20px;
    font-family:Noctis, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: rgb(255, 255, 255);
}

.openButton{
    display:inline;
    position:fixed;
    margin-top:0px;
    margin-left:30px;

}
.plantExample{
    padding-right: 20px;
    float:left;
    width: 40%;
}
.centerGreen{
    padding:30px;
    margin-left:auto;
    margin-right:auto;
    background-color: rgb(101, 131, 89);
    width: 70%;
    position: relative;
    height: 700px;
    overflow-x:hidden;
}
.floatText{
    padding-left: 20px;
    background-color: #d7d7d7;
    width: 50%;
    float: left;
}
.centerGreen2{
width: 70%;
height: 500px;
margin-left:auto;
    margin-right:auto;
   background-color: rgb(66, 89, 57);
   overflow: auto;
  padding: 30px;
  overflow-x:hidden;

}
::-webkit-scrollbar{
width: 20px;
height: 30px;
}
::-webkit-scrollbar-thumb{
background: #000000;
border: 6px ridge #7a7a7a;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover{
background-color: rgb(66, 89, 57);
}
::-webkit-scrollbar-track{
background: #000000;
border-radius: 0px;
box-shadow: inset 0px 0px 0px 0px #E0E0E0;
}
h1{
    font-family:Noctis, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
p{
    font-family: Noctis, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
@font-face{
    font-family: Noctis;
    src: url(Italian\ Type\ -\ Noctis\ Thin.otf);
}
@font-face{
    font-family: Hack;
    src: url(Hackensack-SemiBold.otf);
}

.quizOpen{
    display: initial;
}

.answerForm1{
    display: none;
}
.answerForm2{
    display: none;
}
.answerForm3{
    display: none;
}
.answerForm4{
    display: none;
}
.answerForm5{
    display: none;
}
.answerForm6{
    display: none;
}
.answerForm7{
    display: none;
}
.answerForm8{
    display: none;
}
.answerForm9{
    display: none;
}

