globals.css

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

@layer base {
    @font-face {
        font-family: "Montserrat";
        font-weight: 100;
        src: url("/fonts/Montserrat-Thin.ttf") format('truetype') ;
    }
    @font-face {
        font-family: "Montserrat";
        font-weight: 200;
        src: url("/fonts/Montserrat-ExtraLight.ttf") format('truetype') ;
    }
    @font-face {
        font-family: "Montserrat";
        font-weight: 300;
        src: url("/fonts/Montserrat-Light.ttf") format('truetype') ;
    }
    @font-face {
        font-family: "Montserrat";
        font-weight: 400;
        src: url("/fonts/Montserrat-Regular.ttf") format('truetype') ;
    }
    @font-face {
        font-family: "Montserrat";
        font-weight: 500;
        src: url("/fonts/Montserrat-Medium.ttf") format('truetype') ;
    }
    @font-face {
        font-family: "Montserrat";
        font-weight: 600;
        src: url("/fonts/Montserrat-SemiBold.ttf") format('truetype') ;
    }
    @font-face {
        font-family: "Montserrat";
        font-weight: 700;
        src: url("/fonts/Montserrat-Bold.ttf") format('truetype') ;
    }
    @font-face {
        font-family: "Montserrat";
        font-weight: 800;
        src: url("/fonts/Montserrat-ExtraBold.ttf") format('truetype') ;
    }
    @font-face {
        font-family: "Montserrat";
        font-weight: 900;
        src: url("/fonts/Montserrat-Black.ttf") format('truetype') ;
    }
    @font-face {
        font-family: "LEMON";
        font-weight: 300;
        src: url("/fonts/LEMONMILK-Light.otf") format('opentype') ;
    }
}