* {
  font-family: CeraPro;
}

.sticky-header{
  position: fixed; top: 0; left: 0; right: 0; padding: 50px;
}

.main-page{
  position: fixed; top: 30px; left: 0; right: 0; padding: 50px;
}

@font-face {
  font-family: CeraPro;
  src: url('./fonts/Cera Pro Black italic.otf');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: CeraPro;
  src: url('./fonts/Cera Pro Black.otf');
  font-weight: 900;
}

@font-face {
  font-family: CeraPro;
  src: url('./fonts/Cera Pro Bold italic.otf');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: CeraPro;
  src: url('./fonts/Cera Pro Bold.otf');
  font-weight: 700;
}

@font-face {
  font-family: CeraPro;
  src: url('./fonts/Cera Pro Light italic.otf');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: CeraPro;
  src: url('./fonts/Cera Pro Light.otf');
  font-weight: 300;
}

@font-face {
  font-family: CeraPro;
  src: url('./fonts/Cera Pro Medium italic.otf');
  font-style: italic;
  font-weight: 500;
}

@font-face {
  font-family: CeraPro;
  src: url('./fonts/Cera Pro Medium.otf');
  font-weight: 500;
}

@font-face {
  font-family: CeraPro;
  src: url('./fonts/Cera Pro.otf');
  font-weight: 400;
}

@font-face {
  font-family: CeraPro;
  src: url('./fonts/Cera Pro Regular Italic.otf');
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: CeraPro;
  src: url('./fonts/Cera Pro Thin Italic.otf');
  font-style: italic;
  font-weight: 100;
}

@font-face {
  font-family: CeraPro;
  src: url('./fonts/Cera Pro Thin.otf');
  font-weight: 100;
}