@font-face{font-family:CalibreWeb;src:url(../fonts/Calibre-RWeb-Regular.2509389e.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:CalibreWeb;src:url(../fonts/Calibre-RWeb-Medium.029f7c31.woff) format("woff");font-weight:500;font-style:normal}#app{font-family:Calibre,CalibreWeb,Helvetica Neue,Helvetica,Roboto,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{width:200px;margin-right:10px;-webkit-box-flex:0;-ms-flex:0 1 200px;flex:0 1 200px;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:Calibre,CalibreWeb,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;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:Calibre,CalibreWeb,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif}