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

html, body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 0.9rem;
    @apply tw-tracking-wider tw-leading-normal tw-text-gray-800  !important;
}

label {
    @apply tw-font-normal !important;
}

.form-control {
    @apply tw-appearance-none tw-border-gray-300 tw-rounded-sm tw-w-full tw-py-2 tw-px-4 tw-bg-white tw-text-gray-700 tw-leading-tight focus:tw-outline-none focus:tw-border-blue-500 focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-blue-500/20;
}

/*style the scroll*/
::-webkit-scrollbar {
    width: 10px;
    height: 7px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
}
::-webkit-scrollbar-thumb:hover {
    background: #888;
}
::-webkit-scrollbar-thumb:active {
    background: #888;
}