globals.css

@tailwind base;
@tailwind components;
@tailwind utilities;

/* scrollable */

.scrollColorDark {
  overflow-y: scroll;
}

/* width */

.scrollColorDark::-webkit-scrollbar {
  width: 8px;
}

/* Track */

.scrollColorDark::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */

.scrollColorDark::-webkit-scrollbar-thumb {
  background: #202c46;
  border-radius: 20px;
}

/* Handle on hover */

.scrollColorDark::-webkit-scrollbar-thumb:hover {
  background: #304269;
}

.scrollColorLight {
  overflow-y: scroll;
}

/* width */

.scrollColorLight::-webkit-scrollbar {
  width: 8px;
}

/* Track */

.scrollColorLight::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */

.scrollColorLight::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 20px;
}

/* Handle on hover */

.scrollColorLight::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}