@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/rodapé.css");

:root {
   --cor-de-fundo: #EBECEE;
   --branco: #FFFFFF;
   --laranja: #EB9B00;
   --azul-degrade: linear-gradient(97.54deg, #002F52 35.49%, #326589 165.37%);
   --font-principal: "Poppins";
   --font-secundaria: "Josefin Sans";
   --azul: #002f52;
   --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;
}