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

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

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

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

@font-face {
  font-family: 'OutfitLight';
  src: url('../../fonts/Outfit-Light.woff2') format('woff2'),
    url('../../fonts/Outfit-Light.woff') format('woff');
}
@font-face {
  font-family: 'Outfit-ExtraBold';
  src: url('../../fonts/Outfit-ExtraBold.woff2') format('woff2'),
    url('../../fonts/Outfit-ExtraBold.woff') format('woff');
}

.ot{
  font-family: 'Outfit';
}
.ot-l {
  font-family: 'OutfitLight';
}

.ot-s-bold {
  font-family: 'OutfitSemiBold';
}

.ot-bold {
  font-family: 'OutfitBold';
}

.ot-ex-bold {
  font-family: 'Outfit-ExtraBold';
}

.ot-medium {
  font-family: 'OutfitMedium';
}