/**
*
* Commissioner Thin
* Commissioner Light
* Commissioner Regular
* Commissioner Medium
* Commissioner Bold
* Commissioner Black
* Commissioner Variable (Variable font)

*
*/
@font-face {
  font-family: 'Commissioner-Thin';
  src: url('../fonts/commissioner/Commissioner-Thin.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Commissioner-Light';
  src: url('../fonts/commissioner/Commissioner-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Commissioner-Regular';
  src: url('../fonts/commissioner/Commissioner-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Commissioner-Medium';
  src: url('../fonts/commissioner/Commissioner-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Commissioner-Bold';
  src: url('../fonts/commissioner/Commissioner-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Commissioner-Black';
  src: url('../fonts/commissioner/Commissioner-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Commissioner-Variable';
  src: url('../fonts/Commissioner-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}