:root { 
    --cor-black: #000;
    --cor-write: #fff;
    --cor-navibar: #363E7A;
    --cor-borda-autor: #D2B48C;
    --cor-branca: #FFF;
    --cor-preta: #000;
    --navbar_button: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.body{
    background-color: var(--cor-black);
    font-size: 60px;
    color: #fff;
}

.container_principal{
    display: flex;
    flex-direction: column;
    background-color: #FFDEAD;
    /*background-color: var(--cor-black);*/
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    height: 100vh;
    gap: 32px;
}

.principal{
    background-color: var(--cor-black);
}

.contato{
    background-color: var(--cor-write);
}
.imagemlogo{
    width: 45vh;
}

.titulo_principal{
    text-align: center;
    color: var(--cor-write);
    font-size: 32px;
}

.titulo_contato{
    text-align: center;
    color: var(--cor-black);
    font-size: 32px;
}

.limpa_decoratio{
    text-decoration: none;
}