@font-face {
  font-family: 'Fakt';
  src: url('./fonts/Fakt-SemiBold.woff2');
  src: url('./fonts/Fakt-SemiBold.otf') format('opentype'),
    url('./fonts/Fakt-SemiBold.woff2') format('woff2'),;
  font-weight: bold;
  font-style: normal;
}


@font-face {
  font-family: 'Fakt';
  src: url('./fonts/Fakt-Normal.woff2');
  src: url('./fonts/Fakt-Normal.otf') format('opentype'),
    url('./fonts/Fakt-Normal.woff2') format('woff2'),;
  font-weight: 500;
  font-style: normal;
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Fakt';
  src: url('./fonts/Fakt-Blond.woff2');
  src: url('./fonts/Fakt-Blond.otf') format('opentype'),
    url('./fonts/Fakt-Blond.woff2') format('woff2'),;
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Fakt';
  src: url('./fonts/Fakt-SemiBold.woff2');
  src: url('./fonts/Fakt-SemiBold.otf') format('opentype'),
    url('./fonts/Fakt-SemiBold.woff2') format('woff2'),;
  font-weight: bold;
  font-style: normal;
}


@font-face {
  font-family: 'Fakt';
  src: url('./fonts/Fakt-Normal.woff2');
  src: url('./fonts/Fakt-Normal.otf') format('opentype'),
    url('./fonts/Fakt-Normal.woff2') format('woff2'),;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Fakt';
  src: url('./fonts/Fakt-SemiBold.woff2');
  src: url('./fonts/Fakt-SemiBold.otf') format('opentype'),
    url('./fonts/Fakt-SemiBold.woff2') format('woff2'),;
  font-weight: 600;
  font-style: normal;
}