@font-face {
  font-family: 'Circular';
  font-style: normal;
  font-weight: 400;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/circular/CircularXXTT-Regular.woff2') format('woff2'),
       url('/fonts/circular/CircularXXTT-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Circular';
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/circular/CircularXXTT-Medium.woff2') format('woff2'),
       url('/fonts/circular/CircularXXTT-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Circular';
  font-style: normal;
  font-weight: 700;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/circular/CircularXXTT-Bold.woff2') format('woff2'),
       url('/fonts/circular/CircularXXTT-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Clash';
  font-style: normal;
  font-weight: 600;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/clash/ClashDisplay-Semibold.woff2') format('woff2'),
  url('/fonts/clash/ClashDisplay-Semibold.woff') format('woff');
}

@font-face {
  font-family: 'Clash';
  font-style: normal;
  font-weight: 700;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/clash/ClashDisplay-Bold.woff2') format('woff2'),
  url('/fonts/clash/ClashDisplay-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/lobster/Lobster-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Impact';
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/impact/impact.woff2') format('woff2'),
       url('/fonts/impact/impact.woff') format('woff'),
       url('/fonts/impact/impact.ttf') format('truetype');
}

@font-face {
  font-family: 'Comic Sans MS';
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/comic/ComicSansMS.woff2') format('woff2'),
       url('/fonts/comic/ComicSansMS.woff') format('woff'),
       url('/fonts/comic/ComicSansMS.ttf') format('truetype');
}

@font-face {
  font-family: 'Agrandir';
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/agrandir/Agrandir.woff2') format('woff2'),
       url('/fonts/agrandir/Agrandir.woff') format('woff'),
       url('/fonts/agrandir/Agrandir.ttf') format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/inter/Inter-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/inter/Inter-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/syne/Syne-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 700;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/syne/Syne-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'AppleGaramond';
  font-style: normal;
  font-weight: 700;
  unicode-range: U+0025-00FF;
  font-display: swap;
  src: url('/fonts/apple-garamond/AppleGaramond-Bold.ttf') format('truetype');
}