/* For WebKit browsers */
::-webkit-scrollbar {
  width: 15px; /* Scrollbar width */
  height: 15px; /* Horizontal scrollbar */
}

::-webkit-scrollbar-track {
  background: #f0f0f0; /* Track color */
  border-radius: 10px; /* Rounded track */
}

::-webkit-scrollbar-thumb {
  background: #1100ff; /* Colorful thumb */
  border-radius: 10px; /* Rounded thumb */
  border: 2px solid #f0f0f0; /* Optional border for spacing */
}

::-webkit-scrollbar-thumb:hover {
  background: #1100ff; /* On hover */
}

body {
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #1100ff;
}