@import url(https://fonts.googleapis.com/css2?family=Coiny&display=swap);html{margin:0;padding:0;width:100%;height:100%;background:url("../images/bg.png") no-repeat center center fixed;background-size:cover}body{margin:0;padding:25px;width:calc(100% - 50px);height:calc(100% - 50px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main{height:80vh;width:auto;position:relative}canvas{width:auto!important;height:100%!important;top:0;left:0;border:3px solid #2e282a;margin:auto}#mcontrols{width:100%;max-height:15vh;height:calc(100% - 10px);padding-top:10px;margin:auto}#mcontrols>*{width:33%;margin:2px}#mcontrols>:first-child{margin-left:0}#mcontrols>:last-child{margin-right:0}#updown{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#updown>*{height:50%;margin:2px}#updown>:first-child{margin-top:0}#updown>:last-child{margin-bottom:0}button{border-radius:12px;font-weight:700;font-size:1.5rem;background-color:#393738;color:#e57a44;border:3px solid #e57a44;font-family:Coiny,sans-serif;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button:hover{background-color:#575657}button:active{background-color:#575657}@media (orientation:portrait){main{height:auto}canvas{width:100%!important;height:auto!important}}*{touch-action:manipulation}