body{
    margin: 0;
    font-family: monospace;
        color: rgb(80, 41, 20);
}

header{
    background-color: chocolate;
    padding: 20px;
}

header h1{
    text-align: center;
}

footer{
    background-color:burlywood;
    padding: 40px;
}

footer li{
    color: rgb(80, 41, 20);
}

.div-title{
    margin-top: 30px;
    margin-left: 100px;
    color:  rgb(80, 41, 20);
}

.div-chocolate{
    text-align: center;
    margin: auto;
    margin-top: 15px;
    width: 30%;
    padding: 20px;
    border-radius: 100px;
    border: 4px solid chocolate;
}

.div-produto{
    text-align: center;
    width: 10%;
    height: 2%;
    color: rgb(80, 41, 20);
    margin: auto;
    border-radius: 100px;
    border: 4px solid burlywood;
}

.div-questionário{
    text-align: center;
    width: 13%;
    height: 2%;
    color: rgb(80, 41, 20);
    margin: auto;
    border-radius: 100px;
    border: 4px solid burlywood;
}


.div-questões{
    margin: auto;
    text-align: left;
    margin-top: 10px;
    width: 65%;
    padding: 5px;
}


.div-opções{
    margin: auto;
    text-align: left;
    margin-top: 10px;
    width: 65%;
    padding: 5px;
    font-size: medium;
} 

.div-centralizar{
    text-align: center;
}

.div-botão button{
    margin: 25px;
    margin-left: 1000px;
    background-color:rgb(80, 41, 20) ;
    color: burlywood;
    cursor: pointer;
}


.div-botão button:hover{
   background-color: chocolate;
   color: rgb(80, 41, 20);
}

.div-resultado{
    color: rgb(80, 41, 20);
    text-align: center;
    font-size: medium;
}




@media screen and (max-width: 650px){
    body{
        display: block;
    }
}