@font-face {
  font-family: Lilex;
  src: url("/assets/fonts/Lilex[wght]-v2_620.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
}

@font-face {
  font-family: Lilex;
  src: url("/assets/fonts/Lilex-Italic[wght]-v2_620.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 700;
  font-display: block;
}

@font-face {
  font-family: Instrument;
  src: url("/assets/fonts/InstrumentSerif-Regular.woff2") format("woff2");
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Instrument;
  src: url("/assets/fonts/InstrumentSerif-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: Satoshi;
  src: url("/assets/fonts/Satoshi-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: block;
}

html {
  font-family: var(--font-mono);
}

h1 {
  font-family: var(--font-serif);
}

code {
  font-family: var(--font-mono);
}