@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}

:root {
  --branco-1000: #fff;
  --cinza-500:   #838383;
  --preto-100:   #000;
  --preto-200:   #0A0A0A;
  --vermelho-300:#FF1111;
  --vinho-100:   #220315;
  --amarelo-100: #D49305;
  --amarelo-200: #FEA304;    
}

/* Estilizando a barra de rolagem */
::-webkit-scrollbar {
  width: .625rem; /* largura da barra de rolagem */
  height: 10px;
}

/* Estilizando o botão de rolagem */
::-webkit-scrollbar-thumb {
  background-color: var(--cinza-500); /* cor de fundo do botão de rolagem */
  border-radius: .3125rem;            /* borda arredondada do botão de rolagem */
}

/* Estilizando a área da barra de rolagem */
::-webkit-scrollbar-track {
  background-color: var(--branco-1000); /* cor de fundo da área da barra de rolagem */
  opacity: 0;
  border-radius: .3125rem;       /* borda arredondada da área da barra de rolagem */
}

/* Estilizando a borda da barra de rolagem */
::-webkit-scrollbar-corner {
  background-color: var(--branco-1000); /* cor de fundo da borda da barra de rolagem */
}
