@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@100;200;300;400;500;600;700;800;900&display=swap');

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

html {
    scroll-behavior: smooth;
}

:root {
    @media only screen and (max-width: 976px) {
        font-size: 14px;
    }

    @media only screen and (min-width: 977px) and (max-width: 1599px) {
        font-size: 15px;
    }

    @media only screen and (min-width: 1600px) {
        font-size: 16px;
    }
}