@font-face {
  font-family: 'GT Mechanik Semi';
  src: url('../fonts/GT-Mechanik/GT-Mechanik-Semi-Light.woff2') format('woff2'),
       url('../fonts/GT-Mechanik/GT-Mechanik-Semi-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT Mechanik Semi';
  src: url('../fonts/GT-Mechanik/GT-Mechanik-Semi-Light-Oblique.woff2') format('woff2'),
       url('../fonts/GT-Mechanik/GT-Mechanik-Semi-Light-Oblique.woff') format('woff');
  font-weight: 300;
  font-style: oblique;
  font-display: swap;
}

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

@font-face {
  font-family: 'GT Mechanik Semi';
  src: url('../fonts/GT-Mechanik/GT-Mechanik-Semi-Regular-Oblique.woff2') format('woff2'),
       url('../fonts/GT-Mechanik/GT-Mechanik-Semi-Regular-Oblique.woff') format('woff');
  font-weight: 400;
  font-style: oblique;
  font-display: swap;
}

@font-face {
  font-family: 'GT Mechanik Semi';
  src: url('../fonts/GT-Mechanik/GT-Mechanik-Semi-Heavy.woff2') format('woff2'),
       url('../fonts/GT-Mechanik/GT-Mechanik-Semi-Heavy.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT Mechanik Semi';
  src: url('../fonts/GT-Mechanik/GT-Mechanik-Semi-Heavy-Oblique.woff2') format('woff2'),
       url('../fonts/GT-Mechanik/GT-Mechanik-Semi-Heavy-Oblique.woff') format('woff');
  font-weight: 800;
  font-style: oblique;
  font-display: swap;
}

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

@font-face {
  font-family: 'GT Mechanik Mono';
  src: url('../fonts/GT-Mechanik/GT-Mechanik-Mono-Medium-Oblique.woff2') format('woff2'),
       url('../fonts/GT-Mechanik/GT-Mechanik-Mono-Medium-Oblique.woff') format('woff');
  font-weight: 500;
  font-style: oblique;
  font-display: swap;
}

@font-face {
  font-family: 'GT Mechanik Mono';
  src: url('../fonts/GT-Mechanik/GT-Mechanik-Mono-Heavy.woff2') format('woff2'),
       url('../fonts/GT-Mechanik/GT-Mechanik-Mono-Heavy.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GT Mechanik Mono';
  src: url('../fonts/GT-Mechanik/GT-Mechanik-Mono-Heavy-Oblique.woff2') format('woff2'),
       url('../fonts/GT-Mechanik/GT-Mechanik-Mono-Heavy-Oblique.woff') format('woff');
  font-weight: 800;
  font-style: oblique;
  font-display: swap;
}