@font-face {
  font-family: 'DM Sans';
  src: url('DM_Sans/DMSans-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*@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;
}

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