/* this file should be imported in _app.js to solve this issue:
https://github.com/zeit/next.js/issues/5264#issuecomment-424000127
*/

@font-face {
  font-family: canela;
  src: url("/static/fonts/Canela-light/Canela-light.woff");
}
@font-face {
  font-family: centaur;
  src: url("/static/fonts/Centaur-regular/Centaur-regular.woff");
}
@font-face {
  font-family: centaur;
  font-style: italic;
  src: url("/static/fonts/Centaur-italic/Centaur-italic.woff");
}

html {
  background: black;
}

html,
body {
  margin: 0;
  height: 100%;
}

#__next {
  display: block;
  height: 100%;
}

/* Important */
a {
  cursor: pointer;
  text-decoration: none;
}

/* style that don't change */
/* between page animation states */
.page-transition {
  height: 100%;
}

.fade-enter {
  opacity: 0;
}
.fade-enter-active {
  opacity: 1;
  transition: opacity 600ms ease;
}
.fade-exit {
  opacity: 1;
}
.fade-exit-active {
  opacity: 0;
  transition: opacity 600ms ease;
}


/*# sourceMappingURL=styles.chunk.css.map*/