@font-face {
  font-family: 'Proxima Nova';
  src: url('ProximaNova/ProximaNova-Regular.woff2') format('woff2'),
    url('ProximaNova/ProximaNova-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova Semibold';
  src: url('ProximaNova/ProximaNova-Semibold.woff2') format('woff2'),
  url('ProximaNova/ProximaNova-Semibold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova Bold';
  src: url('ProximaNova/ProximaNova-Bold.woff2') format('woff2'),
    url('ProximaNova/ProximaNova-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Extra Bold';
  src: url('ProximaNova/ProximaNova-Extrabld.woff2') format('woff2'),
    url('ProximaNova/ProximaNova-Extrabld.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('Roboto/Roboto/Roboto-Regular.ttf') format('ttf'),
    url('Roboto/Roboto/Roboto-Regular.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Bold';
  src: url('Roboto/Roboto/Roboto-Bold.ttf') format('ttf'),
    url('Roboto/Roboto/Roboto-Bold.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}