@import 'tailwindcss';
@import '@fontsource/roboto';

body {
  font-family: 'Roboto', sans-serif;
  @apply bg-[#131313] text-white select-none;
}

.button {
  @apply bg-[#0a6ec8] hover:bg-[#1361ad] disabled:bg-[#124c7e] disabled:hover:bg-[#1b3f63] disabled:text-[#bdbdbd] disabled:hover:text-[#e6e6e6] rounded-md cursor-pointer text-[16px] py-1.5 px-3 transition-colors duration-[0.25s];
}

::-webkit-scrollbar {
  @apply w-2;
}

::-webkit-scrollbar-track {
  @apply bg-[#1f1f1f];
}

::-webkit-scrollbar-thumb {
  @apply bg-[#555] w-1 rounded-lg active:bg-[#888];
}