@font-face {
  font-family: 'Jost Bold';
  src: url('Jost-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Jost Bold Italic';
  src: url('Jost-BlackItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Jost Italic';
  src: url('Jost-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Jost Light';
  src: url('Jost-Thin.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Jost Light Italic';
  src: url('Jost-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Jost Medium';
  src: url('Jost-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Jost Medium Italic';
  src: url('Jost-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Jost Regular';
  src: url('Jost-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Jost SemiBold';
  src: url('Jost-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Jost Semi Bold Italic';
  src: url('Jost-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}