html {
  font-size: 62.5%;
}

body {
  font-family: Arial, sans-serif;
  font-size: 1.8rem;
}

h2 {
  font-family: "benessere_font";
  font-size: 2rem;
}

h3 {
  font-family: "benessere_font";
  font-size: 1rem;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000; /* Certifique-se de que o z-index esteja alto o suficiente */
  background-color: white; /* Defina a cor de fundo do cabeçalho */
}

main {
  margin-top: 200px; /* Ajuste este valor conforme a altura do seu cabeçalho */
}

section {
  transform-origin: center top -12rem;
}

@font-face {
  font-family: "benessere_font";
  src: url("../assets/fonts/brasika.otf") format("opentype"),
    url("../assets/fonts/brasika.woff2") format("woff2"),
    url("../assets/fonts/brasika.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@media (max-width: 768px) {
  body {
    font-size: 1.3rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1rem;
  }
}