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


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


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

@font-face {
    font-family: 'Poppins';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('./Poppins-BoldItalic.ttf') format('truetype');
}

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

@font-face {
    font-family: 'Poppins';
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    src: url('./Poppins-BlackItalic.ttf') format('truetype');
}

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

@font-face {
    font-family: 'Poppins';
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    src: url('./Poppins-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    src: url('./Poppins-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 200;
    font-style: italic;
    font-display: swap;
    src: url('./Poppins-ExtraLightItalic.ttf') format('truetype');
}

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

@font-face {
    font-family: 'Poppins';
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    src: url('./Poppins-LightItalic.ttf') format('truetype');
}

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

@font-face {
    font-family: 'Poppins';
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src: url('./Poppins-MediumItalic.ttf') format('truetype');
}

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

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

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

@font-face {
    font-family: 'Poppins';
    font-weight: 100;
    font-style: italic;
    font-display: swap;
    src: url('./Poppins-ThinItalic.ttf') format('truetype');
}

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

@font-face {
    font-family: 'EBGaramond';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('./EBGaramond-BoldItalic.ttf') format('truetype');
}

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

@font-face {
    font-family: 'EBGaramond';
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    src: url('./EBGaramond-ExtraBoldItalic.ttf') format('truetype');
}


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

@font-face {
    font-family: 'EBGaramond';
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src: url('./EBGaramond-MediumItalic.ttf') format('truetype');
}


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

@font-face {
    font-family: 'EBGaramond';
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    src: url('./EBGaramond-SemiBoldItalic.ttf') format('truetype');
}


@font-face {
    font-family: 'Rokkitt';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url('./Rokkit-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Rokkitt';
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    src: url('./Rokkit-BlackItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Rokkitt';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('./Rokkit-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Rokkitt';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('./Rokkit-BoldItalic.ttf') format('truetype');
}

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

@font-face {
    font-family: 'Rokkitt';
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    src: url('./Rokkit-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Rokkitt';
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    src: url('./Rokkit-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Rokkitt';
    font-weight: 200;
    font-style: italic;
    font-display: swap;
    src: url('./Rokkit-ExtraLightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Rokkitt';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('./Rokkit-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Rokkitt';
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    src: url('./Rokkit-LightItalic.ttf') format('truetype');
}

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

@font-face {
    font-family: 'Rokkitt';
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src: url('./Rokkit-MediumItalic.ttf') format('truetype');
}

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

@font-face {
    font-family: 'Rokkitt';
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    src: url('./Rokkit-SemiBoldItalic.ttf') format('truetype');
}


@font-face {
    font-family: 'Rokkitt';
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src: url('./Rokkit-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Rokkitt';
    font-weight: 100;
    font-style: italic;
    font-display: swap;
    src: url('./Rokkit-ThinItalic.ttf') format('truetype');
}