@font-face {
  font-family: "Google Sans Code";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("GoogleSansCode-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "Google Sans Code";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("GoogleSansCode-Italic-VariableFont_wght.ttf") format("truetype");
}

/* static fonts */
@font-face { font-family: "Google Sans Code"; font-style: normal; font-weight: 300; font-display: swap; src: url("GoogleSansCode-Light.ttf") format("truetype"); }
@font-face { font-family: "Google Sans Code"; font-style: italic; font-weight: 300; font-display: swap; src: url("GoogleSansCode-LightItalic.ttf") format("truetype"); }
@font-face { font-family: "Google Sans Code"; font-style: normal; font-weight: 400; font-display: swap; src: url("GoogleSansCode-Regular.ttf") format("truetype"); }
@font-face { font-family: "Google Sans Code"; font-style: italic; font-weight: 400; font-display: swap; src: url("GoogleSansCode-Italic.ttf") format("truetype"); }
@font-face { font-family: "Google Sans Code"; font-style: normal; font-weight: 500; font-display: swap; src: url("GoogleSansCode-Medium.ttf") format("truetype"); }
@font-face { font-family: "Google Sans Code"; font-style: italic; font-weight: 500; font-display: swap; src: url("GoogleSansCode-MediumItalic.ttf") format("truetype"); }
@font-face { font-family: "Google Sans Code"; font-style: normal; font-weight: 600; font-display: swap; src: url("GoogleSansCode-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Google Sans Code"; font-style: italic; font-weight: 600; font-display: swap; src: url("GoogleSansCode-SemiBoldItalic.ttf") format("truetype"); }
@font-face { font-family: "Google Sans Code"; font-style: normal; font-weight: 700; font-display: swap; src: url("GoogleSansCode-Bold.ttf") format("truetype"); }
@font-face { font-family: "Google Sans Code"; font-style: italic; font-weight: 700; font-display: swap; src: url("GoogleSansCode-BoldItalic.ttf") format("truetype"); }
@font-face { font-family: "Google Sans Code"; font-style: normal; font-weight: 800; font-display: swap; src: url("GoogleSansCode-ExtraBold.ttf") format("truetype"); }
@font-face { font-family: "Google Sans Code"; font-style: italic; font-weight: 800; font-display: swap; src: url("GoogleSansCode-ExtraBoldItalic.ttf") format("truetype"); }