@tailwind base;
@tailwind components;
@tailwind utilities;
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
html {
    @apply font-sans text-gray-800;
    scroll-behavior: smooth;
}

/* Tidy green scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: #16a34a #f3f4f6;
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f3f4f6;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb {
    background: #16a34a;
    border-radius: 9999px;
    border: 2px solid #f3f4f6;
}
::-webkit-scrollbar-thumb:hover {
    background: #15803d;
}