@font-face {
  font-family: 'Inter-ExtraLight';
  src: url('../fonts/inter/Inter-ExtraLight.woff2'), url('../fonts/inter/Inter-ExtraLight.woff');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Light';
  src: url('../fonts/inter/Inter-Light.woff2'), url('../fonts/inter/Inter-Light.woff');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Regular';
  src: url('../fonts/inter/Inter-Regular.woff2'), url('../fonts/inter/Inter-Regular.woff');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Medium';
  src: url('../fonts/inter/Inter-Medium.woff2'), url('../fonts/inter/Inter-Medium.woff');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-SemiBold';
  src: url('../fonts/inter/Inter-SemiBold.woff2'), url('../fonts/inter/Inter-SemiBold.woff');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Bold';
  src: url('../fonts/inter/Inter-Bold.woff2'), url('../fonts/inter/Inter-Bold.woff');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-ExtraBold';
  src: url('../fonts/inter/Inter-ExtraBold.woff2'), url('../fonts/inter/Inter-ExtraBold.woff');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Black';
  src: url('../fonts/inter/Inter-Black.woff2'), url('../fonts/inter/Inter-Black.woff');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}