/* Global */

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* 
  Para definir o tamanho padrão da fonte que vai precisar na media query tem que dividir o tamanho da fonte e o tamanho da media query será o tamanho da fonte dividido por 16 (tamanho da fonte)

  defenir o tamanho da fonte:

  9 (novo padrão) / 16 (padrão definido aqui)

  56.25%

  defenir a media query de 767px 

  767 / 16 = 47.9375

  logo a media será 

  @media all and (max-width: 47.9375em) {
  html {
  font-size: 43.75%;
  }
*/

html {
  background-color: #fdfcf7;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-family: Fontes, sans-serif;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #515151;
  text-decoration: none;
}

header {
  padding: 10px;
}

footer {
  height: 8rem;
}

@font-face {
  font-family: Fontes;
  src: url(./f);
}

/* 

  Estas são meta tags do Open Graph Protocol. São usadas para controlar como o link do seu site é exibido quando compartilhado em redes sociais como Facebook, Twitter (X), etc.

  og:title: O título que aparecerá no compartilhamento.

  og:description: A descrição que aparecerá no compartilhamento.

  og:type: O tipo de conteúdo (neste caso, "website").

  og:url: O URL da página.

  og:image: O URL de uma imagem representativa da página.

 */