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

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

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

@font-face {
    font-family: 'Area Inktrap';
    src: url('fonts/AreaInktrap-BlackItalic.woff2') format('woff2'),
        url('fonts/AreaInktrap-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

@font-face {
    font-family: 'Area Inktrap Extended';
    src: url('fonts/AreaInktrapExtended-BlackItalic.woff2') format('woff2'),
        url('fonts/AreaInktrapExtended-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Area Inktrap Extended';
    src: url('fonts/AreaInktrapExtended-RegularItalic.woff2') format('woff2'),
        url('fonts/AreaInktrapExtended-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

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

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

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

@font-face {
    font-family: 'Area Normal';
    src: url('fonts/AreaNormal-BlackItalic.woff2') format('woff2'),
        url('fonts/AreaNormal-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

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

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

@font-face {
    font-family: 'Area Normal';
    src: url('fonts/AreaNormal-SemiBold.woff2') format('woff2'),
        url('fonts/AreaNormal-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: url('fonts/AreaNormal-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/AreaNormal-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Area Normal';
    src: url('fonts/AreaNormal-ThinItalic.woff2') format('woff2'),
        url('fonts/AreaNormal-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Kensington Test Compressed Demi';
    src: url('fonts/Kensington-CompressedDemiItalic.woff2') format('woff2'),
        url('fonts/Kensington-CompressedDemiItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kensington Test Compressed';
    src: url('fonts/Kensington-CompressedBlackItalic.woff2') format('woff2'),
        url('fonts/Kensington-CompressedBlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: 'Kensington Test Compressed Demi';
    src: url('fonts/Kensington-CompressedDemi.woff2') format('woff2'),
        url('fonts/Kensington-CompressedDemi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: 'Kensington Test Compressed';
    src: url('fonts/Kensington-CompressedMediumItalic.woff2') format('woff2'),
        url('fonts/Kensington-CompressedMediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}