@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('fonts/metropolis/400.woff2?v=7b9a798c0a74') format('woff2');
}

@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('fonts/metropolis/500.woff2?v=372fc7d16a6d') format('woff2');
}

@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('fonts/metropolis/700.woff2?v=dc6926c36da3') format('woff2');
}

@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url('fonts/metropolis/800.woff2?v=a4c4274ea3e1') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('fonts/manrope/400.woff2?v=1589a53d0b0e') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('fonts/manrope/500.woff2?v=f95b8f975304') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('fonts/manrope/600.woff2?v=58d382c3e448') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('fonts/manrope/700.woff2?v=ed9e261b92db') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url('fonts/manrope/800.woff2?v=63c74bc8894a') format('woff2');
}