*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{font-size:100%;background-color:#333}
html,body,section{position:relative;margin:0;padding:0;height:100%;overflow:hidden}
body{display:table;width:100%;background:#333;color:#fff;font-family:'HelveticaNeue-Light','HelveticaNeue',Helvetica,Arial,sans-serif;transition:background-color .5s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-touch-callout:none;touch-callout:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-user-select:none;user-select:none;}
body *,body *:before,body *:after{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
section{display:table-cell;vertical-align:middle;text-align:center}
@media (min-width: 769px){body{font-size:150%}
}@media (min-width: 1025px){body{font-size:200%}
}.nav{position:absolute;overflow:hidden;top:0;left:-100%;margin-left:0;padding:.25em .65em;width:13em;height:100%;background-color:#333;background-color:rgba(0,0,0,0.8);font-size:1.25em;line-height:1.6;transition:left .5s}
.nav:after{content:"";position:absolute;top:2.5em;left:0;width:100%;height:0;border-bottom:solid 1px #fff}
.nav h1{margin:0 0 .7em;font-size:1.25em;font-weight:normal;font-style:italic}
.nav a{position:relative;margin-bottom:.25em;display:block;color:#fff;text-decoration:none}
.nav a:after{content:"play";position:absolute;top:.25em;right:0;font-size:.75em;text-transform:uppercase}
.nav a.current:after{content:"\21bb";top:0;font-size:1em}
.nav .credit,.nav .facebook,.nav .twitter{position:absolute;width:100%;font-size:.75em}
.nav .credit{bottom:.25em}
.nav .facebook{bottom:2em}
.nav .twitter{bottom:3.75em}
.nav .credit:after,.nav .facebook:after,.nav .twitter:after{font-size:1em;top:0;right:1.8em}
.nav .credit:after{display:none}
.nav .facebook:after{content:"like"}
.nav .twitter:after{content:"follow"}
.nav-open{left:0}
.nav_toggle{display:inline-block;position:absolute;top:0;left:0;padding:1.5em .75em;transition:.5s;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.9;}
.nav_toggle .nav_toggle__icon:before,.nav_toggle .nav_toggle__icon:after{transition:.25s}
.nav_toggle__icon{position:relative;width:2.5em;height:.25em;background:#fff;font-size:.75em;transition:.5s;border-radius:2.5em;}
.nav_toggle__icon:after,.nav_toggle__icon:before{display:block;content:"";height:.25em;width:2.5em;background:#fff;position:absolute;z-index:-1;transition:.5s .25s;border-radius:1em}
.nav_toggle__icon:after{top:-.825em}
.nav_toggle__icon:before{top:.825em}
.nav_toggle-active{left:13em;}
.nav_toggle-active:before{content:"";position:absolute;top:0;left:3.25em;width:40em;height:30em}
.nav_toggle-active .nav_toggle__icon:before,.nav_toggle-active .nav_toggle__icon:after{transition:.5s;top:0}
.nav_toggle-active .nav_toggle__icon{background:transparent;}
.nav_toggle-active .nav_toggle__icon:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.nav_toggle-active .nav_toggle__icon:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.standalone .nav:after,.standalone .nav h1{padding-top:20px}
.standalone .nav_toggle{top:20px}
section p{margin:0;color:#fff;color:rgba(255,255,255,0.8);font-size:1.5em;font-style:italic;line-height:1}
section span{display:inline-block;width:1em;height:1em;vertical-align:bottom}
section a{display:inline-block;margin:.125em;padding:.375em;color:#fff;color:rgba(255,255,255,0.9);font-size:3em;text-decoration:none;text-shadow:0 0 .075em #707070;text-shadow:0 0 .075em rgba(0,0,0,0.5);cursor:pointer}
section a.result{cursor:default}
section a.enable-all-colors{position:absolute;bottom:0;left:0;width:100%;font-size:1.2em}