@font-face {
  font-family: '42dot Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/42dotsans/v6/BXR7vFK-2v7FnQ1xTYUJy2T9rRBKbpqjqRjZYnNVe3w.ttf) format('truetype');
}
@font-face {
  font-family: '42dot Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/42dotsans/v6/BXR7vFK-2v7FnQ1xTYUJy2T9rRBKbpqjqRjrYnNVe3w.ttf) format('truetype');
}
@font-face {
  font-family: '42dot Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/42dotsans/v6/BXR7vFK-2v7FnQ1xTYUJy2T9rRBKbpqjqRgHZXNVe3w.ttf) format('truetype');
}
@font-face {
  font-family: '42dot Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/42dotsans/v6/BXR7vFK-2v7FnQ1xTYUJy2T9rRBKbpqjqRg-ZXNVe3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/instrumentserif/v5/jizBRFtNs2ka5fXjeivQ4LroWlx-6zUTiw.ttf) format('truetype');
}
@font-face {
  font-family: 'Joan';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/joan/v12/ZXupe1oZsqWRXRBN9Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmUiA8.ttf) format('truetype');
}