@font-face {
   font-family: 'Manrope';
   font-style: normal;
   font-weight: 100;
   font-display: swap;
   src: url('../webfonts/Manrope-ExtraLight.woff2');
}
@font-face {
   font-family: 'Manrope';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url('../webfonts/Manrope-Light.woff2');
}
@font-face {
   font-family: 'Manrope';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url('../webfonts/Manrope-Regular.woff2');
}
@font-face {
   font-family: 'Manrope';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url('../webfonts/Manrope-ExtraBold.woff2');
}
@font-face {
   font-family: 'Manrope';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url('../webfonts/Manrope-Bold.woff2');
}
@font-face {
   font-family: 'Manrope';
   font-style: normal;
   font-weight: bold;
   font-display: swap;
   src: url('../webfonts/Manrope-Bold.woff2');
}