@font-face {
  font-family: 'Manrope VF';
  src: url('/fonts/Manrope/variable/ManropeGX.ttf')
    format('truetype-variations');
  font-style: normal;
  font-weight: 200 800;
}

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/web/manrope-extrabold.woff2') format('woff2'),
    url('/fonts/Manrope/ttf/manrope-extrabold.ttf') format('truetype');
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/web/manrope-bold.woff2') format('woff2'),
    url('/fonts/Manrope/ttf/manrope-bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/web/manrope-semibold.woff2') format('woff2'),
    url('/fonts/Manrope/ttf/manrope-semibold.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/web/manrope-medium.woff2') format('woff2'),
    url('/fonts/Manrope/ttf/manrope-medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/web/manrope-regular.woff2') format('woff2'),
    url('/fonts/Manrope/ttf/manrope-regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/web/manrope-light.woff2') format('woff2'),
    url('/fonts/Manrope/ttf/manrope-light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope/web/manrope-extralight.woff2') format('woff2'),
    url('/fonts/Manrope/ttf/manrope-extralight.ttf') format('truetype');
  font-style: normal;
  font-weight: 200;
}
/*  body, html {
   font-family: 'Manrope VF', Manrope, sans-serif;
   font-weight: 500;
   font-variation-settings: 'wght' 500;
   font-variation-ligatures: normal;
   font-feature-settings:'calt', 'liga'; }
 *,*:before,*:after {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   font-smoothing: antialiased; } */