@font-face { 
  font-family: "BasisGrotesquePro";
  src: url("../asset/fonts/basis_grotesque_pro_regular.otf");
  src: url("../asset/fonts/basis_grotesque_pro_regular.otf") format("opentype"), url("../asset/fonts/basis_grotesque_pro_regular.otf") format("opentype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "BasisGrotesquePro-Bold";
  src: url("../asset/fonts/basis_grotesque_pro_bold.otf");
  src: url("../asset/fonts/basis_grotesque_pro_bold.otf") format("opentype"), url("../asset/fonts/basis_grotesque_pro_bold.otf") format("opentype");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "BasisGrotesquePro-Mono";
  src: url("../asset/fonts/basis_grotesque_pro_mono.otf");
  src: url("../asset/fonts/basis_grotesque_pro_mono.otf") format("opentype"), url("../asset/fonts/basis_grotesque_pro_mono.otf") format("opentype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "BasisGrotesquePro-Mono";
  src: url("../asset/fonts/basis_grotesque_pro_mono_italic.otf");
  src: url("../asset/fonts/basis_grotesque_pro_mono_italic.otf") format("opentype"), url("../asset/fonts/basis_grotesque_pro_mono_italic.otf") format("opentype");
  font-style: italic;
  font-weight: normal; }