/* 4iGov Self-Hosted Fonts
   Place this file at /fonts.css in your Cloudflare Pages repo.
   Font files go in /fonts/ directory.

   Download instructions:
   1. Go to https://fonts.google.com/specimen/Syne
      Download: Syne-Bold.ttf (700), Syne-ExtraBold.ttf (800)

   2. Go to https://fonts.google.com/specimen/DM+Mono
      Download: DMMono-Light.ttf (300), DMMono-Regular.ttf (400)

   3. Go to https://fonts.google.com/specimen/Lora
      Download: Lora-Regular.ttf (400), Lora-Medium.ttf (500),
                Lora-Italic.ttf (400 italic)

   Convert each .ttf to .woff2 using https://cloudconvert.com/ttf-to-woff2
   Place all .woff2 files in /fonts/ directory.
*/

@font-face {
  font-family: 'Syne';
  src: url('/fonts/Syne-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Syne';
  src: url('/fonts/Syne-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DM Mono';
  src: url('/fonts/DMMono-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DM Mono';
  src: url('/fonts/DMMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lora';
  src: url('/fonts/Lora-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lora';
  src: url('/fonts/Lora-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lora';
  src: url('/fonts/Lora-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}