@font-face {
  font-family: "Mono";
  src: url("NotoSansMono-VariableFont_wdth,wght.ttf");
  font-stretch: 60%;
}

@font-face {
  font-family: "Cursive";
  src: url("Recursive-VariableFont_CASL,CRSV,MONO,slnt,wght.ttf");
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" -10,
    "CASL" 1,
    "CRSV" 1,
    "MONO" 0;
}

@font-face {
  font-family: "Title";
  font-style: normal;
  font-stretch: 75%;
  font-weight: 650;
  src: url("OpenSans-VariableFont_wdth,wght.ttf");
}

@font-face {
    font-family: "SansSerif";
    font-style: normal;
    src: url("NotoSans-VariableFont_wdth,wght.ttf");
}

@font-face {
    font-family: "SansSerif";
    font-style: italic;
    src: url("NotoSans-Italic-VariableFont_wdth,wght.ttf");
}

@font-face {
    font-family: "Serif";
    font-style:normal;
    src: url("NotoSerif-VariableFont_wdth,wght.ttf");
}

@font-face {
    font-family: "Serif";
    font-style:italic;
    src: url("NotoSerif-Italic-VariableFont_wdth,wght.ttf");
}