@font-face {
    font-family: 'Basis-Grotesque-Pro';
    src: url('BasisGrotesquePro/basis-grotesque-regular-pro.woff2') format('woff2'), url('BasisGrotesquePro/basis-grotesque-regular-pro.woff') format('woff'), url('BasisGrotesquePro/basis-grotesque-regular-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Basis-Grotesque-Pro';
    src: url('BasisGrotesquePro/basis-grotesque-medium-italic-pro.woff2') format('woff2'), url('BasisGrotesquePro/basis-grotesque-medium-italic-pro.woff') format('woff'), url('BasisGrotesquePro/basis-grotesque-medium-italic-pro.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Basis-Grotesque-Pro';
    src: url('BasisGrotesquePro/basis-grotesque-bold-pro.woff2') format('woff2'), url('BasisGrotesquePro/basis-grotesque-bold-pro.woff') format('woff'), url('BasisGrotesquePro/basis-grotesque-bold-pro.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Basis-Grotesque-Pro';
    src: url('BasisGrotesquePro/basis-grotesque-bold-italic-pro.woff2') format('woff2'), url('BasisGrotesquePro/basis-grotesque-bold-italic-pro.woff') format('woff'), url('BasisGrotesquePro/basis-grotesque-bold-italic-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Basis-Grotesque-Pro';
    src: url('BasisGrotesquePro/basis-grotesque-black-italic-pro.woff2') format('woff2'), url('BasisGrotesquePro/basis-grotesque-black-italic-pro.woff') format('woff'), url('BasisGrotesquePro/basis-grotesque-black-italic-pro.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Basis-Grotesque-Pro';
    src: url('BasisGrotesquePro/basis-grotesque-black-pro.woff2') format('woff2'), url('BasisGrotesquePro/basis-grotesque-black-pro.woff') format('woff'), url('BasisGrotesquePro/basis-grotesque-black-pro.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Basis-Grotesque-Pro';
    src: url('BasisGrotesquePro/basis-grotesque-extralight-italic-pro.woff2') format('woff2'), url('BasisGrotesquePro/basis-grotesque-extralight-italic-pro.woff') format('woff'), url('BasisGrotesquePro/basis-grotesque-extralight-italic-pro.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Basis-Grotesque-Pro';
    src: url('BasisGrotesquePro/basis-grotesque-extralight-pro.woff2') format('woff2'), url('BasisGrotesquePro/basis-grotesque-extralight-pro.woff') format('woff'), url('BasisGrotesquePro/basis-grotesque-extralight-pro.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Basis-Grotesque-Pro';
    src: url('BasisGrotesquePro/basis-grotesque-bold-pro.woff2') format('woff2'), url('BasisGrotesquePro/basis-grotesque-bold-pro.woff') format('woff'), url('BasisGrotesquePro/basis-grotesque-bold-pro.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Basis-Grotesque-Pro';
    src: url('BasisGrotesquePro/basis-grotesque-medium-pro.woff2') format('woff2'), url('BasisGrotesquePro/basis-grotesque-medium-pro.woff') format('woff'), url('BasisGrotesquePro/basis-grotesque-medium-pro.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Ironick NF';
    src: url('IronickNF/IronickNF.eot');
    src: url('IronickNF/IronickNF.eot?#iefix') format('embedded-opentype'), url('IronickNF/IronickNF.woff') format('woff'), url('IronickNF/IronickNF.woff2') format('woff2'), url('IronickNF/IronickNF.ttf') format('truetype'), url('IronickNF/IronickNF.svg#Ironick NF') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Felix Titling';
    src: url('FelixTitling/FelixTitling.eot');
    src: url('FelixTitling/FelixTitling.eot?#iefix') format('embedded-opentype'), url('FelixTitling/FelixTitling.woff') format('woff'), url('FelixTitling/FelixTitling.woff2') format('woff2'), url('FelixTitling/FelixTitling.ttf') format('truetype'), url('FelixTitling/FelixTitling.svg#Felix Titling') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'CocoSharp Bold';
    src: url('CocoSharpBold/CocoSharpBold.eot');
    src: url('CocoSharpBold/CocoSharpBold.eot?#iefix') format('embedded-opentype'), url('CocoSharpBold/CocoSharpBold.woff') format('woff'), url('CocoSharpBold/CocoSharpBold.woff2') format('woff2'), url('CocoSharpBold/CocoSharpBold.ttf') format('truetype'), url('CocoSharpBold/CocoSharpBold.svg#CocoSharp Trial Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Opaline';
    src: url('Opaline/opaline.otf');
    src: url('Opaline/opaline.woff') format('woff'), url('Opaline/opaline.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}