#questionContainer{
    background-color:rgb(209, 201, 201);
    width: 60vw;
    height: 15vh;
    border-radius: 8px;
    margin: auto;
    text-align: center;
    font-size: 180%;
    opacity: 90%;
}
#question{
    text-align: center;
}

body{
    background-image:url('theWaste.jpeg') ;
    background-repeat:no-repeat;
    background-size: cover;
    background-color: rgb(144, 182, 88);
}
#option1, #option2, #option3, #option4{
    background-color: rgb(209, 201, 201);
    width: 20vw;
    height: 10vh;
    margin: 30px;
    opacity: 90%;
    box-shadow: 0px 0px 10px 2px;
    border-radius: 4px;
    border: none;
}

.answers:hover{
    color:white;
}
#optionA{
    display: flex;
}
#optionB{
    display: flex;
}

#score{
    float:left;
}

h2{
    text-align: center;
}

#optionsAll{
    /*margin: 0% 2%;*/
    justify-content: center;
    display: grid;
}

#next{
    justify-content: center;
    text-align: center;
}

#nextQuestButton{
    background-color: rgb(64, 91, 182);
    border-radius: 4px;
    border: none;
    width: 5vw;
    height: 4vh;
    color: white;
}

#nextQuestButton:hover{
    box-shadow: 0px 0px 10px 2px black;
    border: none;
}

h2, #score{
    font-family: 'Friz Quadrata', sans-serif;
   /* color: #a15f22;
    color: #9e8364;*/
    color: rgb(64, 91, 182);
}

p{
    color: black;
    font-family: 'Friz Quadrata', sans-serif
}

h2{
    color: white;
    font-size: 180%;
}

button{
    font-size: 150%;
}

#home{
    border-radius: 4px;
    border: none;
    position:absolute;
    bottom: 30%;
    right: 5%;
}
a{
    text-decoration: none;
}
#home:hover{
    box-shadow: 0px 0px 10px 2px black;
}

@media (max-width: 1200px){
    button{
        font-size: 100%;
    }
}

@media(max-width: 400px){
    p, button{
        font-size: 60%;
    }
    #nextQuestButton{
        width: 10vh;
    }
    #score{
        position: absolute;
       bottom: 30%;
    }
}

@media(max-width:850px){
    #home{
        width: 10vw;
        height: 3vh;
        bottom: 40%;
    }
    #nextQuestButton{
        width: 20vw;
    }
}

@media(min-width:1300px){
    #home{
        bottom: 10%;
}
}