@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/jost-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/jost-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/jost-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/jost-3.ttf) format('truetype');
}

@font-face {
  font-family: 'Clarity City';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/clarity-city-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Clarity City';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/clarity-city-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Clarity City';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/clarity-city-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Clarity City';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/clarity-city-3.ttf) format('truetype');
}