@import url('styles/header.css');
@import url('styles/banner.css');
@import url('styles/carrossel.css');
@import url('styles/topicos.css');
@import url('styles/contato.css');
@import url('styles/rodape.css');

:root {
    --cor-de-fundo: #EBECEE;
    --branco: #ffffff;
    --laranja: #EB9B00;
    --azul: #0c6ab2;
    --azul-degrade: linear-gradient(97.54deg, #002F52 35.49%, #326589 165.37%);
    --font-principal: 'Poppins', sans-serif; /* font-principal fonte usada em todo lugar do projeto */
    --font-secundaria: 'Josefin Sans', sans-serif; /* font-secundaria fonte usada em todo lugar do projeto */
    --preto: #000000;
    --cinza: #474646;
    --cinza-claro: #858585;
}

body {
    background-color: var(--cor-de-fundo);
    font-family: var(--font-principal);
    font-size: 16px;
    font-weight: 400; /* font-weight é o peso da fonte  */
}

h1 {
    background-color: #fff;
}