@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextBlack.woff2') format('woff2'),
        url('fonts/CodeNextBlack.woff') format('woff'),
        url('fonts/CodeNextBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextBlackItalic.woff2') format('woff2'),
        url('fonts/CodeNextBlackItalic.woff') format('woff'),
        url('fonts/CodeNextBlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextBoldItalic.woff2') format('woff2'),
        url('fonts/CodeNextBoldItalic.woff') format('woff'),
        url('fonts/CodeNextBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextHeavyItalic.woff2') format('woff2'),
        url('fonts/CodeNextHeavyItalic.woff') format('woff'),
        url('fonts/CodeNextHeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next Hairline';
    src: url('fonts/CodeNextHairlineItalic.woff2') format('woff2'),
        url('fonts/CodeNextHairlineItalic.woff') format('woff'),
        url('fonts/CodeNextHairlineItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextSemiBoldItalic.woff2') format('woff2'),
        url('fonts/CodeNextSemiBoldItalic.woff') format('woff'),
        url('fonts/CodeNextSemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next Hairline';
    src: url('fonts/CodeNextHairline.woff2') format('woff2'),
        url('fonts/CodeNextHairline.woff') format('woff'),
        url('fonts/CodeNextHairline.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextExtraBold.woff2') format('woff2'),
        url('fonts/CodeNextExtraBold.woff') format('woff'),
        url('fonts/CodeNextExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextLight.woff2') format('woff2'),
        url('fonts/CodeNextLight.woff') format('woff'),
        url('fonts/CodeNextLight.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next Book';
    src: url('fonts/CodeNextBookItalic.woff2') format('woff2'),
        url('fonts/CodeNextBookItalic.woff') format('woff'),
        url('fonts/CodeNextBookItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextLightItalic.woff2') format('woff2'),
        url('fonts/CodeNextLightItalic.woff') format('woff'),
        url('fonts/CodeNextLightItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next Book';
    src: url('fonts/CodeNextBook.woff2') format('woff2'),
        url('fonts/CodeNextBook.woff') format('woff'),
        url('fonts/CodeNextBook.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextBold.woff2') format('woff2'),
        url('fonts/CodeNextBold.woff') format('woff'),
        url('fonts/CodeNextBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextExtraBoldItalic.woff2') format('woff2'),
        url('fonts/CodeNextExtraBoldItalic.woff') format('woff'),
        url('fonts/CodeNextExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextHeavy.woff2') format('woff2'),
        url('fonts/CodeNextHeavy.woff') format('woff'),
        url('fonts/CodeNextHeavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextSemiBold.woff2') format('woff2'),
        url('fonts/CodeNextSemiBold.woff') format('woff'),
        url('fonts/CodeNextSemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextThin.woff2') format('woff2'),
        url('fonts/CodeNextThin.woff') format('woff'),
        url('fonts/CodeNextThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Code Next';
    src: url('fonts/CodeNextThinItalic.woff2') format('woff2'),
        url('fonts/CodeNextThinItalic.woff') format('woff'),
        url('fonts/CodeNextThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}