/* //////////////////////////////////////////////////////////////////
[ COLOR ] */

:root {
    --cor-primaria: #002f58;
    --cor-secundaria: #008aff;
    --cor-terciaria: white;
    --cor-quartenaria: #ed1a3b;
    --cor-quintenaria: #999999;
}


/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/poppins/Poppins-Regular.ttf');
}

@font-face {
    font-family: Poppins-Medium;
    src: url('../fonts/poppins/Poppins-Medium.ttf');
}

@font-face {
    font-family: Poppins-Bold;
    src: url('../fonts/poppins/Poppins-Bold.ttf');
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url('../fonts/poppins/Poppins-SemiBold.ttf');
}
/* //////////////////////////////////////////////////////////// */

body{
    height: 100%;
    width: 100%;
    background: url(/images/fundo.png);
}

.rodape{
    min-height: 16vh;
    width: 100%;
    background-color: var(--cor-primaria);    
}
.esquerda,
.direita{
    margin-top: 1rem;
}

.caixa-principal{
    min-height: 84vh;
}

.card{
    border: 2px solid transparent !important;
    border-radius: 2rem;
    max-width: 100%;
}

.logo{
    border: 2px solid transparent !important;
    border-radius: 2rem;
}

.titulo {
    font-size: 18px;
    color: white;
}

.botao-azul{
    font-family: Poppins-Medium;
    font-size: 15px;
    color: #fff !important;
    background-color: var(--cor-primaria);
    height: 50px;
    width: 300px;
    border-radius: 40px;
}

.botao-vermelho{
    font-family: Poppins-Medium;
    font-size: 15px;
    color: #fff !important;
    background-color: var(--cor-quartenaria);
    height: 50px;
    width: 300px;
    border-radius: 40px;
}

.campo-texto{
    border-radius: 40px;
}

@media only screen and (max-width: 623px) {
    .esquerda{
        border-bottom: 1px solid white;
        border-right: 0px !important;
    }    
    
    .direita{
        border-left: 0px !important;
    }  
}