/* For WebKit browsers (Chrome, Safari) */
*::-webkit-scrollbar {
  width: 12px; /* Width of vertical scrollbar */
  height: 12px; /* Height of horizontal scrollbar */
}

/* Background of the scrollbar track */
*::-webkit-scrollbar-track {
  background: #f1f1f1; /* Track color */
  border-radius: 10px; /* Rounded corners for track */
}

/* Background of the scrollbar handle */
*::-webkit-scrollbar-thumb {
  background: #888; /* Handle color */
  border-radius: 10px; /* Rounded corners for the handle */
}

/* Handle on hover */
*::-webkit-scrollbar-thumb:hover {
  background: #555; /* Handle color on hover */
}

/* For Firefox */
* {
  scrollbar-width: thin; /* Makes the scrollbar thinner */
  scrollbar-color: #888 #f1f1f1; /* Handle color and track color */
}