@import url('css/reset.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('css/header.css');
@import url('css/footer.css');

:root{
  font-size: 16px;
  --azul-escuro: #040CAC;
  --azul-claro: #5394DA;
  --branco: #fff;
  --cinza: #545454;
  --texto: #707070;
  --light: 300;
  --regular: 400;
  --bold: 700;
}

html{
  scroll-behavior: smooth;
}

body{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  line-height: 1.5;
  color: var(--texto);
}

strong{
  font-weight: 700;
}

#searchform input{
  border: 1px solid var(--branco);
  /* border-radius: 40px / 40px; */
  color: var(--branco);
  background-image: url('img/busca.png');
  background-repeat: no-repeat;
  background-position: .5rem center;
  padding: 1rem 0 1rem 3rem;
  font-family: "Montserrat", sans-serif;
  height: 100%;
  font-size: 1rem;
}

#searchform input::placeholder{
  color: var(--branco);
}

.container{
    width: 90%;
    margin: 0 auto;
}

@media screen and (min-width: 993px) {
    
    .container{
        width: 85%;
        max-width: 1366px;
    }

}