@font-face {
  font-family: 'Bona Nova';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/bonanova/v12/B50LF7ZCpX7fcHfvIUB5iZJpNK4.ttf) format('truetype');
}
@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/bonanova/v12/B50NF7ZCpX7fcHfvIUB5jKJu.ttf) format('truetype');
}
@font-face {
  font-family: 'Cardo';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/cardo/v21/wlpxgwjKBV1pqhv97IMx2Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/cardo/v21/wlp_gwjKBV1pqhv43IQ.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6pfjptAgt5VM-kVkqdyU8n1ioa1Xdl.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1i8q0g.ttf) format('truetype');
}