@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;  /* Thin */
  src: url('Manrope-Thin.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;  /* Light */
  src: url('Manrope-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;  /* Medium */
  src: url('Manrope-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;  /* Semibold */
  src: url('Manrope-Semibold.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;  /* ExtraBold */
  src: url('Manrope-ExtraBold.woff2') format('woff2');
}