/* see https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight for how font-weights match up */

/* 

for example, if you want Manrope Bold, use font-weight: 700 

Available weights:

200 Extra Light
300 Light
400 (normal) Normal
500 Medium
600 Semibold
700 (bold) Bold
800 Extrabold

No italic type fonts

*/

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(Manrope-ExtraLight-webfont.woff2) format('woff2'),
    url(Manrope-ExtraLight-webfont.woff) format('woff');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(Manrope-Light-webfont.woff2) format('woff2'),
    url(Manrope-Light-webfont.woff) format('woff');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(Manrope-Regular-webfont.woff2) format('woff2'),
    url(Manrope-Regular-webfont.woff) format('woff');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(Manrope-Medium-webfont.woff2) format('woff2'),
    url(Manrope-Medium-webfont.woff) format('woff');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(Manrope-SemiBold-webfont.woff2) format('woff2'),
    url(Manrope-SemiBold-webfont.woff) format('woff');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(Manrope-Bold-webfont.woff2) format('woff2'),
    url(Manrope-Bold-webfont.woff) format('woff');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(Manrope-ExtraBold-webfont.woff2) format('woff2'),
    url(Manrope-ExtraBold-webfont.woff) format('woff');
}