@font-face {
    font-family: 'Cocogoose Pro';
    src: url('fonts/CocogoosePro-Outlined.woff2') format('woff2'),
        url('fonts/CocogoosePro-Outlined.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cocogoose Pro';
    src: url('fonts/CocogoosePro-BlockBorder.woff2') format('woff2'),
        url('fonts/CocogoosePro-BlockBorder.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cocogoose Pro Block';
    src: url('fonts/CocogooseProBlock-Gradient.woff2') format('woff2'),
        url('fonts/CocogooseProBlock-Gradient.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cocogoose Pro';
    src: url('fonts/CocogoosePro-BlockInnerline.woff2') format('woff2'),
        url('fonts/CocogoosePro-BlockInnerline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro';
    src: url('fonts/CocogoosePro-Bold.woff2') format('woff2'),
        url('fonts/CocogoosePro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro';
    src: url('fonts/CocogoosePro-Italic.woff2') format('woff2'),
        url('fonts/CocogoosePro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro';
    src: url('fonts/CocogoosePro-BoldItalic.woff2') format('woff2'),
        url('fonts/CocogoosePro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cocogoose Pro Block';
    src: url('fonts/CocogooseProBlock-Regular.woff2') format('woff2'),
        url('fonts/CocogooseProBlock-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro Darkmode';
    src: url('fonts/CocogoosePro-DarkmodeItalic.woff2') format('woff2'),
        url('fonts/CocogoosePro-DarkmodeItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cocogoose Pro';
    src: url('fonts/CocogoosePro-Inline.woff2') format('woff2'),
        url('fonts/CocogoosePro-Inline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro Darkmode';
    src: url('fonts/CocogoosePro-Darkmode.woff2') format('woff2'),
        url('fonts/CocogoosePro-Darkmode.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro';
    src: url('fonts/CocogoosePro-Light.woff2') format('woff2'),
        url('fonts/CocogoosePro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro';
    src: url('fonts/CocogoosePro-LightItalic.woff2') format('woff2'),
        url('fonts/CocogoosePro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro';
    src: url('fonts/CocogoosePro-Regular.woff2') format('woff2'),
        url('fonts/CocogoosePro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro Semilight';
    src: url('fonts/CocogoosePro-Semilight.woff2') format('woff2'),
        url('fonts/CocogoosePro-Semilight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro Semilight';
    src: url('fonts/CocogoosePro-SemilightItalic.woff2') format('woff2'),
        url('fonts/CocogoosePro-SemilightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CocogooseProText';
    src: url('fonts/CocogooseProText-Bold.woff2') format('woff2'),
        url('fonts/CocogooseProText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cocogoose Pro Letterpress';
    src: url('fonts/CocogooseProPress-Rg.woff2') format('woff2'),
        url('fonts/CocogooseProPress-Rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro';
    src: url('fonts/CocogoosePro-Ultralight.woff2') format('woff2'),
        url('fonts/CocogoosePro-Ultralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro';
    src: url('fonts/CocogoosePro-Thin.woff2') format('woff2'),
        url('fonts/CocogoosePro-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogooseProText';
    src: url('fonts/CocogooseProText-Regular.woff2') format('woff2'),
        url('fonts/CocogooseProText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogooseProText';
    src: url('fonts/CocogooseProText-BoldItalic.woff2') format('woff2'),
        url('fonts/CocogooseProText-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CocogooseProText';
    src: url('fonts/CocogooseProText-Italic.woff2') format('woff2'),
        url('fonts/CocogooseProText-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro';
    src: url('fonts/CocogoosePro-ThinItalic.woff2') format('woff2'),
        url('fonts/CocogoosePro-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('fonts/DINPro-Regular.woff2') format('woff2'),
        url('fonts/DINPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('fonts/DINPro-Light.woff2') format('woff2'),
        url('fonts/DINPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro';
    src: url('fonts/CocogoosePro-UltralightItalic.woff2') format('woff2'),
        url('fonts/CocogoosePro-UltralightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('fonts/DINPro-Black.woff2') format('woff2'),
        url('fonts/DINPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('fonts/DINPro-Bold.woff2') format('woff2'),
        url('fonts/DINPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('fonts/DINPro-Medium.woff2') format('woff2'),
        url('fonts/DINPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}