@font-face {
 font-family: 'Berkeley Mono';
 font-style: normal;
 font-weight: normal;
 src: url('fonts/BerkeleyMono-Regular.woff2') format('woff2'); 
}

@font-face {
 font-family: 'Berkeley Mono';
 font-style: italic;
 font-weight: normal;
 src: url('fonts/BerkeleyMono-Italic.woff2') format('woff2'); 
}

@font-face {
 font-family: 'Berkeley Mono';
 font-style: normal;
 font-weight: bold;
 src: url('fonts/BerkeleyMono-Bold.woff2') format('woff2'); 
}

@font-face {
 font-family: 'Berkeley Mono';
 font-style: italic;
 font-weight: bold;
 src: url('fonts/BerkeleyMono-BoldItalic.woff2') format('woff2'); 
}

@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-regular.woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-bold.woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-italic.woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-bolditalic.woff2');
  font-weight: 700;
  font-style: italic;
}


code { font-family: 'Berkeley Mono', 'Hack', monospace !important; }
pre { font-family: 'Berkeley Mono', 'Hack', monospace !important; }
:root { --monospace-font-family: 'Berkeley Mono'; }