@import url('https://fonts.googleapis.com/css2?family=Trispace:wght@100..800&display=swap');

:root{
    --cor5:#05668d;
    --cor1: #028090;
    --cor2: #00a896;
    --cor3: #02c39a;
    --cor4: #f0f3bd;
}


body{
    font-family: "Trispace", sans-serif;
    background: var(--cor5);
    color: var(--cor4);
}

.conteudo-principal{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1200px;
width: 100%;
margin: 0 auto;

.titulo-principal{
    text-align: left;
    width: 100%;
    font-size: 32px;
}

.botao{
    background-color: var(--botao-inativo);

}


}