/* self-hosted latin faces (from Google Fonts) so the app looks right offline */
@font-face {font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Caveat-500.woff2) format('woff2');}
@font-face {font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Caveat-700.woff2) format('woff2');}
@font-face {font-family: 'Commissioner';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Commissioner-300.woff2) format('woff2');}
@font-face {font-family: 'Commissioner';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Commissioner-400.woff2) format('woff2');}
@font-face {font-family: 'Commissioner';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Commissioner-500.woff2) format('woff2');}
@font-face {font-family: 'Commissioner';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Commissioner-600.woff2) format('woff2');}
@font-face {font-family: 'Newsreader';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Newsreader-300.woff2) format('woff2');}
@font-face {font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Newsreader-400.woff2) format('woff2');}
@font-face {font-family: 'Patrick Hand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/PatrickHand-400.woff2) format('woff2');}