*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{font-size:18px;font-family:Share,sans-serif;background:#000;color:#666}#overlayContainer{position:absolute;bottom:1em;right:0;text-align:center}#banner{font-size:2.75em;font-family:Arvo,serif}#menu{font-size:1.35em}#menu a{text-decoration:none}#menu #primary .menu-item,#menu #secondary .menu-item{display:flex;flex-direction:column;flex:1 0 auto;margin:.5em .3em}#menu #primary .menu-item:before,#menu #primary .menu-item:after,#menu #secondary .menu-item:before,#menu #secondary .menu-item:after{content:"";flex-grow:1}#menu #primary .menu-item>a,#menu #primary .menu-item>span,#menu #secondary .menu-item>a,#menu #secondary .menu-item>span{display:inline-block;width:100%;color:#666;border-bottom:1px solid currentColor;cursor:pointer;transition:color .3s,border-color .3s,padding .3s}#menu #primary .menu-item>a:hover,#menu #primary .menu-item>a:focus,#menu #primary .menu-item>span:hover,#menu #primary .menu-item>span:focus,#menu #secondary .menu-item>a:hover,#menu #secondary .menu-item>a:focus,#menu #secondary .menu-item>span:hover,#menu #secondary .menu-item>span:focus{outline:none;color:#fff;border-bottom-color:#fff;transition:color 0s,border-color 0s,padding .3s}#menu #primary{display:flex;flex-wrap:wrap}#menu #primary .menu-item>a,#menu #primary .menu-item>span{border-bottom-color:transparent}#menu #primary .menu-item>span:after{content:"/";transition:opacity .3s}#menu #primary .menu-item.active>span{color:#fff;border-bottom-color:#f85a3e}#menu #secondary{transition:height .3s,margin .3s}#menu #secondary.closed{height:0;margin-bottom:0}#menu #secondary .submenu{display:flex;flex-wrap:wrap;visibility:hidden;height:0;opacity:0;transition:opacity .3s}#menu #secondary .submenu.active{visibility:visible;height:auto;opacity:1}#rendererContainer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity 1.5s ease,transform 1.5s ease}#rendererContainer canvas{max-width:100%;max-height:100%}@media (min-width: 640px){#overlayContainer{bottom:0;min-width:600px}#banner{font-size:4em}#menu #primary,#menu #secondary{margin-bottom:.5em}#menu #primary .menu-item,#menu #secondary .menu-item{margin:.2em .3em}#menu #primary .menu-item.active span{padding:0 50px}#menu #primary .menu-item.active span:after{opacity:0}}@media (min-width: 960px){#overlayContainer{max-width:60%}}@media (max-width: 959px){#overlayContainer{left:0}}
