@font-face {
  font-family: 'GT Zirkon Book';
  src: url('fonts/ziklon/GTZirkon-BookItalic.eot');
  src: local('GT Zirkon Book Italic'), local('fonts/ziklon/GTZirkon-BookItalic'),
      url('fonts/ziklon/GTZirkon-BookItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-BookItalic.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-BookItalic.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-BookItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon';
  src: url('fonts/ziklon/GTZirkon-Medium.eot');
  src: local('GT Zirkon Medium'), local('fonts/ziklon/GTZirkon-Medium'),
      url('fonts/ziklon/GTZirkon-Medium.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-Medium.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-Medium.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon';
  src: url('fonts/ziklon/GTZirkon-Italic.eot');
  src: local('GT Zirkon Italic'), local('fonts/ziklon/GTZirkon-Italic'),
      url('fonts/ziklon/GTZirkon-Italic.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-Italic.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-Italic.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon';
  src: url('fonts/ziklon/GTZirkon-Light.eot');
  src: local('GT Zirkon Light'), local('fonts/ziklon/GTZirkon-Light'),
      url('fonts/ziklon/GTZirkon-Light.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-Light.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-Light.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon';
  src: url('fonts/ziklon/GTZirkon-LightItalic.eot');
  src: local('GT Zirkon Light Italic'), local('fonts/ziklon/GTZirkon-LightItalic'),
      url('fonts/ziklon/GTZirkon-LightItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-LightItalic.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-LightItalic.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon';
  src: url('fonts/ziklon/GTZirkon-MediumItalic.eot');
  src: local('GT Zirkon Medium Italic'), local('fonts/ziklon/GTZirkon-MediumItalic'),
      url('fonts/ziklon/GTZirkon-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-MediumItalic.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-MediumItalic.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon';
  src: url('fonts/ziklon/GTZirkon-Bold.eot');
  src: local('GT Zirkon Bold'), local('fonts/ziklon/GTZirkon-Bold'),
      url('fonts/ziklon/GTZirkon-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-Bold.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-Bold.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon';
  src: url('fonts/ziklon/GTZirkon-ThinItalic.eot');
  src: local('GT Zirkon Thin Italic'), local('fonts/ziklon/GTZirkon-ThinItalic'),
      url('fonts/ziklon/GTZirkon-ThinItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-ThinItalic.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-ThinItalic.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon Ultra';
  src: url('fonts/ziklon/GTZirkon-UltraLight.eot');
  src: local('GT Zirkon Ultra Light'), local('fonts/ziklon/GTZirkon-UltraLight'),
      url('fonts/ziklon/GTZirkon-UltraLight.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-UltraLight.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-UltraLight.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-UltraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon Ultra';
  src: url('fonts/ziklon/GTZirkon-UltraLightItalic.eot');
  src: local('GT Zirkon Ultra Light Italic'), local('fonts/ziklon/GTZirkon-UltraLightItalic'),
      url('fonts/ziklon/GTZirkon-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-UltraLightItalic.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-UltraLightItalic.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-UltraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon Book';
  src: url('fonts/ziklon/GTZirkon-Book.eot');
  src: local('GT Zirkon Book'), local('fonts/ziklon/GTZirkon-Book'),
      url('fonts/ziklon/GTZirkon-Book.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-Book.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-Book.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon';
  src: url('fonts/ziklon/GTZirkon-Thin.eot');
  src: local('GT Zirkon Thin'), local('fonts/ziklon/GTZirkon-Thin'),
      url('fonts/ziklon/GTZirkon-Thin.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-Thin.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-Thin.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon';
  src: url('fonts/ziklon/GTZirkon-Black.eot');
  src: local('GT Zirkon Black'), local('fonts/ziklon/GTZirkon-Black'),
      url('fonts/ziklon/GTZirkon-Black.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-Black.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-Black.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon';
  src: url('fonts/ziklon/GTZirkon-Regular.eot');
  src: local('GT Zirkon Regular'), local('fonts/ziklon/GTZirkon-Regular'),
      url('fonts/ziklon/GTZirkon-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-Regular.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-Regular.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon';
  src: url('fonts/ziklon/GTZirkon-BoldItalic.eot');
  src: local('GT Zirkon Bold Italic'), local('fonts/ziklon/GTZirkon-BoldItalic'),
      url('fonts/ziklon/GTZirkon-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-BoldItalic.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-BoldItalic.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'GT Zirkon';
  src: url('fonts/ziklon/GTZirkon-BlackItalic.eot');
  src: local('GT Zirkon Black Italic'), local('fonts/ziklon/GTZirkon-BlackItalic'),
      url('fonts/ziklon/GTZirkon-BlackItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/ziklon/GTZirkon-BlackItalic.woff2') format('woff2'),
      url('fonts/ziklon/GTZirkon-BlackItalic.woff') format('woff'),
      url('fonts/ziklon/GTZirkon-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'IBMPlexMonoText';
  src: url('fonts/ibm-plex-mono-text/IBMPlexMono-Text.eot');
  src: local('IBMPlexMonoText'), local('fonts/ibm-plex-mono-text/IBMPlexMonoText'),
       url('fonts/ibm-plex-mono-text/IBMPlexMono-Text.eot?#iefix') format('embedded-opentype'),
       url('fonts/ibm-plex-mono-text/IBMPlexMono-Text.ttf') format('truetype'),
       url('fonts/ibm-plex-mono-text/IBMPlexMono-Text.woff') format('woff'),
       url('fonts/ibm-plex-mono-text/IBMPlexMono-Text.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}




@font-face {
  font-family: "Zirkon LW";
  src: url("fonts/GT-Zirkon-Book.woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 100;
    font-display: swap;
    src: url("fonts/inter/Inter-Thin.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-Thin.woff?v=3.19") format("woff");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 100;
    font-display: swap;
    src: url("fonts/inter/Inter-ThinItalic.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-ThinItalic.woff?v=3.19") format("woff");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 200;
    font-display: swap;
    src: url("fonts/inter/Inter-ExtraLight.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-ExtraLight.woff?v=3.19") format("woff");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 200;
    font-display: swap;
    src: url("fonts/inter/Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-ExtraLightItalic.woff?v=3.19") format("woff");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/inter/Inter-Light.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-Light.woff?v=3.19") format("woff");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/inter/Inter-LightItalic.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-LightItalic.woff?v=3.19") format("woff");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/inter/Inter-Regular.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-Regular.woff?v=3.19") format("woff");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/inter/Inter-Italic.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-Italic.woff?v=3.19") format("woff");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/inter/Inter-Medium.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-Medium.woff?v=3.19") format("woff");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/inter/Inter-MediumItalic.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-MediumItalic.woff?v=3.19") format("woff");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/inter/Inter-SemiBold.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-SemiBold.woff?v=3.19") format("woff");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/inter/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-SemiBoldItalic.woff?v=3.19") format("woff");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/inter/Inter-Bold.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-Bold.woff?v=3.19") format("woff");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/inter/Inter-BoldItalic.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-BoldItalic.woff?v=3.19") format("woff");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 800;
    font-display: swap;
    src: url("fonts/inter/Inter-ExtraBold.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-ExtraBold.woff?v=3.19") format("woff");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 800;
    font-display: swap;
    src: url("fonts/inter/Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-ExtraBoldItalic.woff?v=3.19") format("woff");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 900;
    font-display: swap;
    src: url("fonts/inter/Inter-Black.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-Black.woff?v=3.19") format("woff");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 900;
    font-display: swap;
    src: url("fonts/inter/Inter-BlackItalic.woff2?v=3.19") format("woff2"),
         url("fonts/inter/Inter-BlackItalic.woff?v=3.19") format("woff");
  }
  
  /* -------------------------------------------------------
  Variable font.
  Usage:
  
    html { font-family: 'Inter', sans-serif; }
    @supports (font-variation-settings: normal) {
      html { font-family: 'Inter var', sans-serif; }
    }
  */
  @font-face {
    font-family: 'Inter var';
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    font-named-instance: 'Regular';
    src: url("fonts/inter/Inter-roman.var.woff2?v=3.19") format("woff2");
  }
  @font-face {
    font-family: 'Inter var';
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
    font-named-instance: 'Italic';
    src: url("fonts/inter/Inter-italic.var.woff2?v=3.19") format("woff2");
  }