@font-face {
  font-family: 'Outfit';
  font-weight: 100;
  src: url(./Outfit-Thin.woff) , url(./Outfit-Thin.woff2);
}

@font-face {
  font-family: 'Outfit';
  font-weight: 200;
  src: url(./Outfit-ExtraLight.woff) , url(./Outfit-ExtraLight.woff2);
}

@font-face {
  font-family: 'Outfit';
  font-weight: 300;
  src: url(./Outfit-Light.woff) , url(./Outfit-Light.woff2);
}

@font-face {
  font-family: 'Outfit';
  font-weight: 400;
  src: url(./Outfit-Regular.woff) , url(./Outfit-Regular.woff2);
}

@font-face {
  font-family: 'Outfit';
  font-weight: 500;
  src: url(./Outfit-Medium.woff) , url(./Outfit-Medium.woff2);
}

@font-face {
  font-family: 'Outfit';
  font-weight: 600;
  src: url(./Outfit-SemiBold.woff) , url(./Outfit-SemiBold.woff2);
}

@font-face {
  font-family: 'Outfit';
  font-weight: 700;
  src: url(./Outfit-Bold.woff) , url(./Outfit-Bold.woff2);
}

@font-face {
  font-family: 'Outfit';
  font-weight: 800;
  src: url(./Outfit-ExtraBold.woff) , url(./Outfit-ExtraBold.woff2);
}

@font-face {
  font-family: 'Outfit';
  font-weight: 900;
  src: url(./Outfit-Black.woff) , url(./Outfit-Black.woff2);
}