/* @import must be at top of file, otherwise CSS will not work */

@font-face {
  font-family: 'Onest';
  src: url('OnestThin/font.woff2') format('woff2'), url('OnestThin/font.woff') format('woff');
  font-weight: 100;
}
@font-face {
  font-family: 'Onest';
  src: url('OnestExtraLight/font.woff2') format('woff2'), url('OnestExtraLight/font.woff') format('woff');
  font-weight: 200;
}
@font-face {
  font-family: 'Onest';
  src: url('OnestLight/font.woff2') format('woff2'), url('OnestLight/font.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Onest';
  src: url('OnestRegular/font.woff2') format('woff2'), url('OnestRegular/font.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Onest';
  src: url('OnestMedium/font.woff2') format('woff2'), url('OnestMedium/font.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Onest';
  src: url('OnestSemiBold/font.woff2') format('woff2'), url('OnestSemiBold/font.woff') format('woff');
  font-weight: 600;
}
@font-face {
  font-family: 'Onest';
  src: url('OnestBold/font.woff2') format('woff2'), url('OnestBold/font.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Onest';
  src: url('OnestExtraBold/font.woff2') format('woff2'), url('OnestExtraBold/font.woff') format('woff');
  font-weight: 800;
}
@font-face {
  font-family: 'Onest';
  src: url('OnestBlack/font.woff2') format('woff2'), url('OnestBlack/font.woff') format('woff');
  font-weight: 900;
}