@font-face {
  font-family: 'Manrope-Bold';
  src: url('../fonts/Manrope-Bold.woff2') format('woff2'),
       url('../fonts/Manrope-Bold.ttf') format('truetype');
       font-weight: 300 900;
       font-display: swap;
       font-style: normal;
}


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/

@font-face {
  font-family: 'Manrope-ExtraBold';
  src: url('../fonts/Manrope-ExtraBold.woff2') format('woff2'),
       url('../fonts/Manrope-ExtraBold.ttf') format('truetype');
       /*font-weight: 300 900;*/
       font-display: swap;
       /*font-style: italic;*/
}


@font-face {
  font-family: 'Manrope-ExtraLight';
  src: url('../fonts/Manrope-ExtraLight.woff2') format('woff2'),
       url('../fonts/Manrope-ExtraLight.ttf') format('truetype');
       /*font-weight: 300;*/
       font-display: swap;
       /*font-style: normal;*/
}


@font-face {
  font-family: 'Manrope-Light';
  src: url('../fonts/Manrope-Light.woff2') format('woff2'),
       url('../fonts/Manrope-Light.ttf') format('truetype');
       /*font-weight: 300;*/
       font-display: swap;
       /*font-style: italic;*/
}


@font-face {
  font-family: 'Manrope-Medium';
  src: url('../fonts/Manrope-Medium.woff2') format('woff2'),
       url('../fonts/Manrope-Medium.ttf') format('truetype');
       /*font-weight: 400;*/
       font-display: swap;
       /*font-style: normal;*/
}


@font-face {
  font-family: 'Manrope-Regular';
  src: url('../fonts/Manrope-Regular.woff2') format('woff2'),
       url('../fonts/Manrope-Regular.ttf') format('truetype');
       /*font-weight: 400;*/
       font-display: swap;
       /*font-style: italic;*/
}


@font-face {
  font-family: 'Manrope-SemiBold';
  src: url('../fonts/Manrope-SemiBold.woff2') format('woff2'),
       url('../fonts/Manrope-SemiBold.ttf') format('truetype');
       /*font-weight: 500;*/
       font-display: swap;
       /*font-style: normal;*/
}

@font-face {
  font-family: 'Manrope-Variable';
  src: url('../fonts/Manrope[wght].woff2') format('woff2'),
       url('../fonts/Manrope[wght].ttf') format('truetype');
       /*font-weight: 500;*/
       font-display: swap;
       /*font-style: normal;*/
}