@font-face {
  font-family: 'Host Grotesk';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/hostgrotesk/v5/co3SmWBnlCJ3U42vbbfdwMjZoULo4bgYM-BIrC-NJlWT-Rd5.ttf) format('truetype');
}
@font-face {
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/hostgrotesk/v5/co3UmWBnlCJ3U42vbbfdwMjzqHAXOdFzqU5PubnO_hGj_g.ttf) format('truetype');
}
@font-face {
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/hostgrotesk/v5/co3UmWBnlCJ3U42vbbfdwMjzqHAXOdFzqU5PuefO_hGj_g.ttf) format('truetype');
}
@font-face {
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/hostgrotesk/v5/co3UmWBnlCJ3U42vbbfdwMjzqHAXOdFzqU5PudXO_hGj_g.ttf) format('truetype');
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/instrumentserif/v5/jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjjH7J.ttf) format('truetype');
}
@font-face {
  font-family: 'Yarndings 20';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/yarndings20/v4/TuGWUVlkUohEQu8l7K8b-vN1AHUw.ttf) format('truetype');
}