@font-face {
  font-family: CascadiaCode;
  src: local("CascadiaCode-Light"), url(fonts/CascadiaCode-Light.ttf);
  font-weight:200;
}

@font-face {
  font-family: CascadiaCode;
  src: local("CascadiaCode-Regular"), url(fonts/CascadiaCode-Regular.ttf);
}

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

@font-face {
  font-family: OpenDyslexic;
  src: local("OpenDyslexic-Italic"), url(fonts/OpenDyslexic-Italic.otf) format("opentype");
  font-weight: normal;
  font-style: italic;
}

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

@font-face {
  font-family: OpenDyslexic;
  src: local("OpenDyslexic-BoldItalic"), url(fonts/OpenDyslexic-BoldItalic.otf) format("opentype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: OpenDyslexic, monospace;
  src: local("OpenDyslexicMono-Regular"), url(fonts/OpenDyslexicMono-Regular.otf) format("opentype");
}