@font-face {
    font-family: Ginger;
    font-weight: 400;
    font-display: swap;
    src: url('./ginger/F37Ginger-Regular.otf'),
      url('./ginger/F37Ginger-Regular.eot'),
      url('./ginger/F37Ginger-Regular.woff') format('woff'),
      url('./ginger/F37Ginger-Regular.woff2') format('woff2'),
      url('./ginger/F37Ginger-Regular.svg') format('svg'),
      url('./ginger/F37Ginger-Regular.ttf') format('ttf');
  }

  @font-face {
    font-family: Ginger;
    font-weight: 700;
    font-display: swap;
    src: url('./ginger/F37Ginger-Bold.otf'),
      url('./ginger/F37Ginger-Bold.eot'),
      url('./ginger/F37Ginger-Bold.woff') format('woff'),
      url('./ginger/F37Ginger-Bold.woff2') format('woff2'),
      url('./ginger/F37Ginger-Bold.svg') format('svg'),
      url('./ginger/F37Ginger-Bold.ttf') format('ttf');
  }

  @font-face {
    font-family: Ginger;
    font-weight: 300;
    font-display: swap;
    src: url('./ginger/F37Ginger-Light.otf'),
      url('./ginger/F37Ginger-Light.eot'),
      url('./ginger/F37Ginger-Light.woff') format('woff'),
      url('./ginger/F37Ginger-Light.woff2') format('woff2'),
      url('./ginger/F37Ginger-Light.svg') format('svg'),
      url('./ginger/F37Ginger-Light.ttf') format('ttf');
  }

  @font-face {
    font-family: Balgin;
    font-weight: 700;
    font-display: swap;
    src: url('./balgin/Balgin-Bold.otf'),
      url('./ginger/Balgin-Bold.eot'),
      url('./balgin/Balgin-Bold.woff') format('woff'),
      url('./balgin/Balgin-Bold.woff2') format('woff2'),
      url('./ginger/Balgin-Bold.svg') format('svg'),
      url('./ginger/Balgin-Bold.ttf') format('ttf');
  }

  @font-face {
    font-family: Lore;
    font-weight: 400;
    font-display: swap;
    src: url('./lore/lore-regular.otf'),
      url('./lore/lore-regular.woff') format('woff'),
      url('./lore/lore-regular.woff2') format('woff2'),
      url('./lore/lore-regular.svg') format('svg'),
      url('./lore/lore-regular.ttf') format('ttf');
  }