/* Apply to the whole page */
::-webkit-scrollbar {
  width: 5px; /* width of the scrollbar */
}

/* Track (the background) */
::-webkit-scrollbar-track {
  background: #2c3e50; /* dark gray background */
  /* border-radius: 10px; */
}

/* Handle (the draggable part) */
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4e9af1, #0066ff);
  /* border-radius: 10px; */
}

/* Handle hover effect */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #6bb5ff, #0052cc);
}