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


@font-face {
    font-family: 'Inter';
    src: url('/public/fonts/Inter/Inter-VarO.ttf') format('opentype');
    font-style: normal; 
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('/public/fonts/Bebas_Neue/bebas-regular.ttf') format('opentype');
    font-style: normal; 
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/public/fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('opentype');
    font-style: normal; 
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/public/fonts/Poppins-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400; /* Regular */
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/public/fonts/Poppins-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500; /* Medium */
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/public/fonts/Poppins-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600; 
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/public/fonts/Poppins-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700; 
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/public/fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 800; 
    font-display: swap;
}