/* Estilização da barra de rolagem */
::-webkit-scrollbar {
    width: 8px; /* Largura da barra de rolagem */
    height: 8px; /* Altura para rolagem horizontal, se necessário */
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #cccccc; /* Cor padrão da barra */
    border-radius: 10px; /* Bordas arredondadas */
    transition: background-color 0.3s ease; /* Suavização para o hover */
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background-color: #e10a1d; /* Cor vermelha ao passar o mouse */
  }
  
  ::-webkit-scrollbar-track {
    background: transparent; /* Trilho invisível */
  }
  
  /* Estilo adicional para compatibilidade com navegadores modernos */
  html {
    scrollbar-width: thin; /* Barra fina para Firefox */
    scrollbar-color: #cccccc transparent; /* Cor da barra e trilho */
  }
  
  html:hover {
    scrollbar-color: #e10a1d transparent; /* Vermelho no hover */
  }
  
  
/*fonts*/
.questrial-regular-black {
    color: black;
    font-weight: regular;
    font-family: Questrial;
}
.questrial-regular-white {
    color: white;
    font-weight: regular;
    font-family: Questrial;
}
.etna-white{
    color: white;
    font-family: Etna-Sans-serif;
}
.etna-black{
    color: black;
    font-family: Etna-Sans-serif;
}
@font-face {
    font-family: Etna-Sans-serif;
    font-weight: bold;
    src: url("../fonts/Etna-Sans-serif.otf") format("opentype");
}
@font-face {
    font-family: Questrial;
    src: url("../fonts/Questrial-Regular.ttf") format("truetype");
}