/* Melodrama */
@font-face {
  font-family: 'Melodrama';
  src: url('fs-01.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Melodrama';
  src: url('fs-11.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Melodrama';
  src: url('fs-10.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Melodrama';
  src: url('fs-08.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

/* Boska */
@font-face {
  font-family: 'Boska';
  src: url('fs-00.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Boska';
  src: url('fs-02.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Boska';
  src: url('fs-12.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Boska';
  src: url('fs-06.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Boska';
  src: url('fs-04.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Boska';
  src: url('fs-03.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}

/* Satoshi */
@font-face {
  font-family: 'Satoshi';
  src: url('fs-09.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fs-07.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fs-05.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}