@font-face {
  font-family: 'SUIT';
  src:
    url('./fonts/SUIT-Thin.otf') format('opentype'),
    url('./fonts/SUIT-Thin.ttf') format('truetype');
  font-weight: 100;
}
@font-face {
  font-family: 'SUIT';
  src:
    url('./fonts/SUIT-ExtraLight.otf') format('opentype'),
    url('./fonts/SUIT-ExtraLight.ttf') format('truetype');
  font-weight: 200;
}
@font-face {
  font-family: 'SUIT';
  src:
    url('./fonts/SUIT-Light.otf') format('opentype'),
    url('./fonts/SUIT-Light.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'SUIT';
  src:
    url('./fonts/SUIT-Regular.otf') format('opentype'),
    url('./fonts/SUIT-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'SUIT';
  src:
    url('./fonts/SUIT-Medium.otf') format('opentype'),
    url('./fonts/SUIT-Medium.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'SUIT';
  src:
    url('./fonts/SUIT-SemiBold.otf') format('opentype'),
    url('./fonts/SUIT-SemiBold.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'SUIT';
  src:
    url('./fonts/SUIT-Bold.otf') format('opentype'),
    url('./fonts/SUIT-Bold.ttf') format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'SUIT';
  src:
    url('./fonts/SUIT-ExtraBold.otf') format('opentype'),
    url('./fonts/SUIT-ExtraBold.ttf') format('truetype');
  font-weight: 200;
}
@font-face {
  font-family: 'SUIT';
  src:
    url('./fonts/SUIT-Heavy.otf') format('opentype'),
    url('./fonts/SUIT-Heavy.ttf') format('truetype');
  font-weight: 200;
}