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

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

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

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

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

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

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

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

@font-face {
    font-family: 'Naive Inline Shadow';
    src: url('NaiveInlineShadowMedium.eot');
    src: local('Naive Inline Shadow Medium'), local('NaiveInlineShadowMedium'),
        url('NaiveInlineShadowMedium.eot?#iefix') format('embedded-opentype'),
        url('NaiveInlineShadowMedium.woff2') format('woff2'),
        url('NaiveInlineShadowMedium.woff') format('woff'),
        url('NaiveInlineShadowMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

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

