/* 
Font file is in CSS to be loaded in _document.tsx file in nextJs
This is on porpuse. It's mandatory to correctly load de font before React App mounts
*/

@font-face {
  font-family: 'proximaNova';
  src: url('/fonts/proximanova-light-webfont.woff');
  font-weight: 200;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'proximaNova';
  src: url('/fonts/proximanova-regular-webfont.woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'proximaNova';
  src: url('/fonts/proximanova-semibold-webfont.woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'proximaNova';
  src: url('/fonts/proximanova-bold-webfont.woff');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'raleway';
  src: url('/fonts/raleway-regular.woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'roboto';
  src: url('/fonts/roboto-regular.woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'roboto';
  src: url('/fonts/roboto-light.woff');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'roboto';
  src: url('/fonts/roboto-bold.woff');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'roboto';
  src: url('/fonts/roboto-black.woff');
  font-weight: 800;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'icomoon';
  src: url('/fonts/icomoon.woff?s33zq0') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}