body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;

    background-image: url("image.png");
    background-repeat: no-repeat;
    background-size: 100%;










}

.quiz{
background-color: aqua;
border: 6px solid rgb(104, 148, 225);
border-radius: 20px;
padding: 30px;
width: 600px;
max-width: 90%;
text-align: center;



}



h1 {
color: brown;
margin-bottom: 10px;

}

#score {
margin-bottom: 20px;
font-weight: bold;
font-size: 18px;






}

#pergunta {
margin: 25px 0;
font-size: 22px;
font-weight: bold;




}

#opcoes {
display: flex;
flex-direction: column;
gap: 12px;

}

.opcao {
width: 100%;
padding: 15px;
border-radius: 10px;
border: none;
background-color: blanchedalmond;
cursor: pointer;
font-weight: bold;
font-size: 16px;
text-align: left;
transition: 0.2s;








}


.opcao:hover{
transition: scale(1.02) ;
background-color: rgb(198, 77, 77);

}

.correda {
background: green;


}

.errado {
background: rgb(173, 7, 7);


}

#proxima {

margin-top: 20px;
padding: 12px;
width: 100%;
border: none;
border-radius: 10px;
background: azure;
color: rgb(29, 96, 156);
cursor: pointer;
font-size: 16px;
display: none;









}