/* -------  resets  ------- */
* { margin:0;padding:0 }
html, body { height:100%;box-sizing:border-box }
*, *::before, *::after { box-sizing:inherit }
img { max-width:100% }
a { color:inherit;text-decoration:none }
button { color:inherit;font-family:inherit;border:0;outline:0;background:none;cursor:pointer }
ul, menu { list-style-type:none }
h1,h2,h3,h4,h5,h6 { font-weight:inherit }
strong { font-weight:600 }
input { border:0;background:inherit;font-family:inherit }
input:focus { outline:0 }
figure { text-align:center }
figcaption { font-size:0.9em }
hr { border:0 }
nav { letter-spacing:1px;font-weight:600 }
sup { font-size:66% }

/* -------  body  ------- */
body {
  background:#070707;
  color:#f5f5f5;
  font:400 16px/1.45 "Avenir Next",Avenir,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* -------  app  ------- */
#app { width:100%;height:100% }