@font-face {
  font-family: 'RobotoCondensedBold';
  font-display: swap;
  src: url('../css/fonts/RobotoCondensed-Bold.ttf');
}

@font-face {
  font-family: 'RobotoCondensed';
  font-display: swap;
  src: url('../css/fonts/RobotoCondensed-Regular.ttf');
}

@font-face {
  font-family: 'TTNormsBold';
  font-display: swap;
  src: url('../css/fonts/TTNorms-Bold.ttf');
}

@font-face {
  font-family: 'TTNormsExtraBold';
  font-display: swap;
  src: url('../css/fonts/TTNorms-ExtraBold.ttf');
}

@font-face {
  font-family: 'TTNormsMedium'; font-display: swap;

  src: url('../css/fonts/TTNorms-Medium.ttf');
}

@font-face {
  font-family: 'TTNormsRegular';
  font-display: swap;
  src: url('../css/fonts/TTNorms-Regular.ttf');
}

@font-face {
  font-family: 'AileronRegular';
  font-display: swap;
  src: url('../css/fonts/Aileron-Regular.otf');
}

@font-face {
  font-family: 'AileronSemibold';
  font-display: swap;
  src: url('../css/fonts/Aileron-SemiBold.otf');
}

@font-face {
  font-family: 'AileronBold';
  font-display: swap;
  src: url('../css/fonts/Aileron-Bold.otf');
}

@font-face {
  font-family: 'AileronBlack';
  font-display: swap;
  src: url('../css/fonts/Aileron-Black.otf');
}