@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;
  --amarelo-destaque: #eb9b00;
  --azul-degrade: linear-gradient(97.54deg, #002f52 35.49%, #326589 165.37%);
  --font-principal: "Poppins";
  --azul: #002f52;
  --font-secundaria: "Josefin Sans";
  --preto: #000000;
  --cinza: #858585;
  --cinza-escuro: #474646;
}
body {
  background-color: var(--cor-de-fundo);
  font-family: var(--font-principal);
  font-size: 16px;
  font-weight: 400;
}