@font-face {
    font-family: 'Kernel SC';
    src: url('KernelSCThin.eot');
    src: local('Kernel SC Thin'), local('KernelSCThin'),
        url('KernelSCThin.eot?#iefix') format('embedded-opentype'),
        url('KernelSCThin.woff2') format('woff2'),
        url('KernelSCThin.woff') format('woff'),
        url('KernelSCThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel';
    src: url('KernelRegular.eot');
    src: local('Kernel Regular'), local('KernelRegular'),
        url('KernelRegular.eot?#iefix') format('embedded-opentype'),
        url('KernelRegular.woff2') format('woff2'),
        url('KernelRegular.woff') format('woff'),
        url('KernelRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel';
    src: url('KernelThinOblique.eot');
    src: local('Kernel Thin Oblique'), local('KernelThinOblique'),
        url('KernelThinOblique.eot?#iefix') format('embedded-opentype'),
        url('KernelThinOblique.woff2') format('woff2'),
        url('KernelThinOblique.woff') format('woff'),
        url('KernelThinOblique.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel SC';
    src: url('KernelSCBold.eot');
    src: local('Kernel SC Bold'), local('KernelSCBold'),
        url('KernelSCBold.eot?#iefix') format('embedded-opentype'),
        url('KernelSCBold.woff2') format('woff2'),
        url('KernelSCBold.woff') format('woff'),
        url('KernelSCBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel';
    src: url('KernelSemiboldOblique.eot');
    src: local('Kernel Semibold Oblique'), local('KernelSemiboldOblique'),
        url('KernelSemiboldOblique.eot?#iefix') format('embedded-opentype'),
        url('KernelSemiboldOblique.woff2') format('woff2'),
        url('KernelSemiboldOblique.woff') format('woff'),
        url('KernelSemiboldOblique.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel';
    src: url('KernelLight.eot');
    src: local('Kernel Light'), local('KernelLight'),
        url('KernelLight.eot?#iefix') format('embedded-opentype'),
        url('KernelLight.woff2') format('woff2'),
        url('KernelLight.woff') format('woff'),
        url('KernelLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel';
    src: url('KernelBold.eot');
    src: local('Kernel Bold'), local('KernelBold'),
        url('KernelBold.eot?#iefix') format('embedded-opentype'),
        url('KernelBold.woff2') format('woff2'),
        url('KernelBold.woff') format('woff'),
        url('KernelBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel SC';
    src: url('KernelSCSemibold.eot');
    src: local('Kernel SC Semibold'), local('KernelSCSemibold'),
        url('KernelSCSemibold.eot?#iefix') format('embedded-opentype'),
        url('KernelSCSemibold.woff2') format('woff2'),
        url('KernelSCSemibold.woff') format('woff'),
        url('KernelSCSemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel';
    src: url('KernelOblique.eot');
    src: local('Kernel Oblique'), local('KernelOblique'),
        url('KernelOblique.eot?#iefix') format('embedded-opentype'),
        url('KernelOblique.woff2') format('woff2'),
        url('KernelOblique.woff') format('woff'),
        url('KernelOblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel SC';
    src: url('KernelSCRegular.eot');
    src: local('Kernel SC Regular'), local('KernelSCRegular'),
        url('KernelSCRegular.eot?#iefix') format('embedded-opentype'),
        url('KernelSCRegular.woff2') format('woff2'),
        url('KernelSCRegular.woff') format('woff'),
        url('KernelSCRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel';
    src: url('KernelHeavy.eot');
    src: local('Kernel Heavy'), local('KernelHeavy'),
        url('KernelHeavy.eot?#iefix') format('embedded-opentype'),
        url('KernelHeavy.woff2') format('woff2'),
        url('KernelHeavy.woff') format('woff'),
        url('KernelHeavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel';
    src: url('KernelBoldOblique.eot');
    src: local('Kernel Bold Oblique'), local('KernelBoldOblique'),
        url('KernelBoldOblique.eot?#iefix') format('embedded-opentype'),
        url('KernelBoldOblique.woff2') format('woff2'),
        url('KernelBoldOblique.woff') format('woff'),
        url('KernelBoldOblique.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel';
    src: url('KernelThin.eot');
    src: local('Kernel Thin'), local('KernelThin'),
        url('KernelThin.eot?#iefix') format('embedded-opentype'),
        url('KernelThin.woff2') format('woff2'),
        url('KernelThin.woff') format('woff'),
        url('KernelThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel';
    src: url('KernelLightOblique.eot');
    src: local('Kernel Light Oblique'), local('KernelLightOblique'),
        url('KernelLightOblique.eot?#iefix') format('embedded-opentype'),
        url('KernelLightOblique.woff2') format('woff2'),
        url('KernelLightOblique.woff') format('woff'),
        url('KernelLightOblique.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel';
    src: url('KernelSemibold.eot');
    src: local('Kernel Semibold'), local('KernelSemibold'),
        url('KernelSemibold.eot?#iefix') format('embedded-opentype'),
        url('KernelSemibold.woff2') format('woff2'),
        url('KernelSemibold.woff') format('woff'),
        url('KernelSemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel SC';
    src: url('KernelSCHeavy.eot');
    src: local('Kernel SC Heavy'), local('KernelSCHeavy'),
        url('KernelSCHeavy.eot?#iefix') format('embedded-opentype'),
        url('KernelSCHeavy.woff2') format('woff2'),
        url('KernelSCHeavy.woff') format('woff'),
        url('KernelSCHeavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel SC';
    src: url('KernelSCLight.eot');
    src: local('Kernel SC Light'), local('KernelSCLight'),
        url('KernelSCLight.eot?#iefix') format('embedded-opentype'),
        url('KernelSCLight.woff2') format('woff2'),
        url('KernelSCLight.woff') format('woff'),
        url('KernelSCLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kernel';
    src: url('KernelHeavyOblique.eot');
    src: local('Kernel Heavy Oblique'), local('KernelHeavyOblique'),
        url('KernelHeavyOblique.eot?#iefix') format('embedded-opentype'),
        url('KernelHeavyOblique.woff2') format('woff2'),
        url('KernelHeavyOblique.woff') format('woff'),
        url('KernelHeavyOblique.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

