@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');


:root{

--text-color: #DBE4EF;
--card-font-color: #3a93ff;
--card-back-color: #082d77;


}
body{
    background-image: url(imagens/05-as-paisagens-naturais-mais-lindas-do-brasil-cataratas-do-iguacu-min.webp);
     font-family: "Dancing Script", cursive;
     font-size: 20px;
}

footer{
    background-color: rgb(95, 140, 5);
    color: aliceblue;
    position:fixed;
    width: 100%;
    bottom: 0;
    height: 2rem;
}

footer p{
    text-align: center;
    font-size: 1rem;
    margin-top: 0.3rem;
}

.cartao{
text-align:center;
margin: 2rem 2rem;
background-color: var(--card-back-color);
height: 20rem;
flex-grow: 1;
flex-basis: calc(33% - 6rem);
}


.cartao_conteudo h3 {
color: var(--text-color);
border: 1px solid var(--text-color);
text-align: left;
padding: 0.5rem;
margin: 0.6rem;
border-radius: 0.6rem;
font-size: 2rem;
}

#container {
display: flex;
}

.cartao_conteudo_pergunta {
color: var(--text-color);
}

.cartao_conteudo_resposta{
color: var(--card-font-color);
}