@import url(https://fonts.googleapis.com/css?family=Exo+2:200,500);.panel-container{display:flex;flex-direction:column;padding:1rem}.panel-container .panel{flex:1;display:flex;position:relative;border:1px solid #b9ff62;box-sizing:border-box}.panel-container .panel .content{flex:1;display:flex;flex-direction:column}.panel-container .veil{background-color:#000;position:absolute;transition:all .5s}.panel-container .veil.veil-top{top:-4px;right:-4px;left:-4px;height:4px}.panel-container .veil.veil-top.hidden{left:110%}.panel-container .veil.veil-right{top:-4px;right:-4px;bottom:-4px;width:4px}.panel-container .veil.veil-right.hidden{top:110%}.panel-container .veil.veil-bottom{right:-4px;bottom:-4px;left:-4px;height:4px}.panel-container .veil.veil-bottom.hidden{left:110%}.panel-container .veil.veil-left{top:-4px;bottom:-4px;left:-4px;width:4px}.panel-container .veil.veil-left.hidden{top:110%}.panel-container .title{flex:0;opacity:0;font-size:.7rem;transition:opacity .5s;text-align:right;white-space:nowrap;text-overflow:ellipsis}.panel-container .title.visible{opacity:1}.panel-container .content{opacity:0;transition:opacity .5s}.panel-container .content.visible{opacity:1}canvas{height:100%}.view-screen{display:flex}.view-screen .panel-container{flex:1}.speed-label{cursor:pointer;opacity:0;border-radius:4px;transform:translateY(-1rem) scale(1.2) skew(-12deg);transition:all .5s;display:flex;align-items:center;justify-content:center;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}@media (min-height:720px){.speed-label{margin-bottom:.5rem}}.speed-label.visible{opacity:1;transform:translateY(0) scale(1) skew(-12deg)}.speed-label:hover{transform:translateY(0) scale(1.1) skew(-12deg)}.warp-indicator{display:flex}.warp-indicator .panel-container{flex:1}.warp-indicator .container{flex:1;display:flex;flex-direction:column;justify-content:space-between}.warp-indicator .container .speed-label{flex:1}.warp-indicator .panel{border:0}.information{display:flex}.information .panel-container{flex:1}.dropdown{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background-color:#000;cursor:pointer}.dropdown:hover{background-color:#333}.dropdown .options{opacity:0;position:absolute;top:0;right:0;left:0;background-color:#000}.dropdown .options.visible{opacity:1}.destination{display:flex}.destination .panel-container{flex:1;padding-bottom:.1rem}.communications{display:flex}.communications .panel-container{flex:1}.simulator{display:grid;grid:repeat(10,[row] 1fr)/repeat(12,[col] 1fr);min-height:90vh}.simulator .view-screen{grid-area:row 1/col 1/span 6/span 7}.simulator .warp-indicator{grid-area:row 1/col 8/span 6/span 1}.simulator .destination{grid-area:row 1/col 9/span 1/span 4}.simulator .communications{grid-area:row 2/col 9/span 5/span 4}.simulator .information{grid-area:row 7/col 1/span 4/span 12}body,html{background-color:#000;font-family:Exo\ 2,sans-serif;font-size:100%;font-weight:200;letter-spacing:1px;margin:0;color:#fff}noscript .quote{font-size:2rem}noscript .portfolio{display:flex}noscript .portfolio .portrait{flex:1;max-width:200px}noscript .portfolio .portrait img{height:auto;width:100%}noscript .portfolio .info{flex:1}