/*
Thin: 100;
Extra-Light: 200;
light: 300;
Regular: 400;
Medium: 500;
Semy-Bold: 600;
Bold: 700;
Extra-Bold/Heavy: 800;
Black: 900;
*/

@font-face {
  font-family: 'plus-jakarta';
  src: url(PlusJakartaSans-Bold.eot);
  src: url(PlusJakartaSans-Bold.eot?#iefix) format('embedded-opentype'),
       url(PlusJakartaSans-Bold.otf) format('otf'),
       url(PlusJakartaSans-Bold.svg#PlusJakartaSans-Bold) format('svg'),
       url(PlusJakartaSans-Bold.ttf) format('truetype'),
       url(PlusJakartaSans-Bold.woff) format('woff'),
       url(PlusJakartaSans-Bold.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'grotesk';
  src: url(SpaceGrotesk-Bold.eot);
  src: url(SpaceGrotesk-Bold.eot?#iefix) format('embedded-opentype'),
       url(SpaceGrotesk-Bold.otf) format('otf'),
       url(SpaceGrotesk-Bold.svg#SpaceGrotesk-Bold) format('svg'),
       url(SpaceGrotesk-Bold.ttf) format('truetype'),
       url(SpaceGrotesk-Bold.woff) format('woff'),
       url(SpaceGrotesk-Bold.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'grotesk';
  src: url(SpaceGrotesk-Medium.eot);
  src: url(SpaceGrotesk-Medium.eot?#iefix) format('embedded-opentype'),
       url(SpaceGrotesk-Medium.otf) format('otf'),
       url(SpaceGrotesk-Medium.svg#SpaceGrotesk-Medium) format('svg'),
       url(SpaceGrotesk-Medium.ttf) format('truetype'),
       url(SpaceGrotesk-Medium.woff) format('woff'),
       url(SpaceGrotesk-Medium.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'inter';
  src: url(Inter-Bold.eot);
  src: url(Inter-Bold.eot?#iefix) format('embedded-opentype'),
       url(Inter-Bold.otf) format('otf'),
       url(Inter-Bold.svg#Inter-Bold) format('svg'),
       url(Inter-Bold.ttf) format('truetype'),
       url(Inter-Bold.woff) format('woff'),
       url(Inter-Bold.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'inter';
  src: url(Inter-SemiBold.eot);
  src: url(Inter-SemiBold.eot?#iefix) format('embedded-opentype'),
       url(Inter-SemiBold.otf) format('otf'),
       url(Inter-SemiBold.svg#Inter-SemiBold) format('svg'),
       url(Inter-SemiBold.ttf) format('truetype'),
       url(Inter-SemiBold.woff) format('woff'),
       url(Inter-SemiBold.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'inter';
  src: url(Inter-Medium.eot);
  src: url(Inter-Medium.eot?#iefix) format('embedded-opentype'),
       url(Inter-Medium.otf) format('otf'),
       url(Inter-Medium.svg#Inter-Medium) format('svg'),
       url(Inter-Medium.ttf) format('truetype'),
       url(Inter-Medium.woff) format('woff'),
       url(Inter-Medium.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'inter';
  src: url(Inter-Regular.eot);
  src: url(Inter-Regular.eot?#iefix) format('embedded-opentype'),
       url(Inter-Regular.otf) format('otf'),
       url(Inter-Regular.svg#Inter-Regular) format('svg'),
       url(Inter-Regular.ttf) format('truetype'),
       url(Inter-Regular.woff) format('woff'),
       url(Inter-Regular.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}