#content,#wrapper{height:100%}body,html{width:100vw;height:100vh;margin:0;padding:0;min-height:100%;background-color:#FFF;overflow:hidden}#content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}html.ios #content{height:100vh}#console{position:absolute;left:0;top:15vh}canvas{margin:0!important;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-image:-webkit-gradient(linear,left top, left bottom,from(#139af6),color-stop(#90dbfe),to(#f8edd4));background-image:linear-gradient(#139af6,#90dbfe,#f8edd4)}input[type=text]{text-align:center;text-transform:uppercase}