/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #000000;
}

::-webkit-scrollbar-thumb {
  background: #CE3932;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #ff5a4f; /* slightly lighter hover effect */
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #CE3932 #000000;
}