/* Personaliza a barra de rolagem */
::-webkit-scrollbar {
  width: 12px; /* Largura da barra de rolagem */
}

/* Personaliza a parte "deslizante" da barra */
::-webkit-scrollbar-thumb {
  background-color: red; /* Cor vermelha */
  border-radius: 10px; /* Deixa os cantos arredondados */
}

/* Personaliza a parte de fundo da barra */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* Cor de fundo da barra */
  border-radius: 10px;
}

/* Corpo da página para testar a rolagem */
body {
  height: 2000px; /* Deixa a página mais longa para permitir a rolagem */
}