header{
    top:0;
    position: fixed;
    width:100%;
    margin-bottom:2%;
    padding-bottom:2%;
}

.hide{
    display:none;
}

button{
    border-radius: 10px;
    border: 10px solid rgb(149, 45, 45);
    margin: 2%;
    padding:2%;
    font-size: 2rem;
}

#quiz-container{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
}

footer{
    position: fixed;
    bottom:0;
    background-color: brown;
    text-align: center;
    width:100%;
}

.display-result{
    border-radius: 25px;
    border: 5px solid brown;
    width: 20%;
 }

h6{
    height:15vh;
    padding:1%;
}

.question{
    align-self: flex-start;
    text-align: center;
    min-width:100%;
    font-size: 2rem;
}

#timer-score{
    display: flex;
    justify-content: space-between;
}

@media (max-width:680px){
   #timer-score, #quiz-container{
        margin-top: 2%;
        display: block;
        padding-left: 4%;
        margin-left:5%;
    }
    #timer, #score{
        width:90%;
        text-align: center;
        padding-top: 3%;
    }
    #end-quiz{
        width:90%;
    }
}