@font-face{font-family:Metropolis;src:local("Metropolis"),url(../fonts/Metropolis-Light.c82170e0.otf) format("opentype")}#app{font-family:Metropolis,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:10px;height:calc(100vh - 20px);max-height:calc(100vh - 20px)}.app{display:-webkit-box;display:-ms-flexbox;display:flex}.app__controls{margin-right:10px;-webkit-box-flex:0;-ms-flex:0 0 320px;flex:0 0 320px;justify-items:center}.app__controls button{display:block;padding:5px;width:200px;cursor:pointer;border:.1em solid #fff;margin:0 .3em .3em 0;border-radius:.12em;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Metropolis;font-weight:300;color:#000;text-align:center;-webkit-transition:all .2s;transition:all .2s}.app__controls button:hover{color:#000;background-color:#fff}.app__scene{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.app__scene canvas{width:100%;height:100%;min-height:600px;max-height:calc(100% - 10px)}.logo{height:40px;padding-bottom:50px;padding-top:20px;padding-right:10px;left:0}.lhs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.prototype-text{position:absolute;right:25px;color:#fff;font-family:Metropolis}