src/index.css

@tailwind components;
@tailwind utilities;

:root {
  --amplify-primary-color: #af381a;
  --amplify-primary-tint: #2a3549;
  --amplify-primary-shade: #af381a;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  scrollbar-gutter: stable;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(100, 100, 100, 0.6);
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(100, 100, 100, 0.8);
}

.custom-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}