*{padding:0;margin:0;box-sizing:border-box}html,body{overflow:hidden;width:100%;height:100%;margin:0;padding:0}#renderCanvas{width:100%;height:100%;touch-action:none}#canvasZone{display:flex;justify-content:center;height:100%;width:100%}#renderCanvas{height:100%;width:100%;outline:none;border:none;touch-action:none;display:block}.modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#00000080;opacity:0;visibility:hidden;transform:scaleX(1.1) scaleY(1.1);transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s;font-family:Audiowide}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;padding:1rem 1.5rem;width:60%;height:80%;border-radius:.5rem;z-index:99000!important;overflow:auto}.container{width:95%;padding:0}.container h2{width:100%;color:beige;font-size:36px;text-align:center;margin-bottom:10px}.container .row100{position:relative;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.container .row100 .col{position:relative;width:100%;padding:0 10px;margin:30px 0 10px;transition:.5s}.container .row100 .inputBox{position:relative;width:100%;height:40px;color:beige}.container .row100 .inputBox input,.container .row100 .inputBox.textarea textarea{position:absolute;width:100%;height:100%;background:transparent;box-shadow:none;border:none;outline:none;font-size:18px;padding:0 10px;z-index:1;color:#000}.container .row100 .inputBox .text{position:absolute;top:0;left:0;line-height:40px;font-size:18px;padding:0 10px;display:block;transition:.5s;pointer-events:none}.container .row100 .inputBox input:focus+.text{top:-35px;left:-10px}.container .row100 .inputBox input:valid+.text{top:-35px;left:-10px}.container .row100 .inputBox .line{position:absolute;bottom:0;display:block;width:100%;height:2px;background:beige;transition:.5s;border-radius:2px;pointer-events:none}.container .row100 .inputBox input:focus~.line{height:100%}.container .row100 .inputBox input:valid~.line{height:100%}.container .row100 .inputBox.textarea{position:relative;width:100%;height:100px;padding:10px 0}.container .row100 .inputBox.textarea textarea{height:100%;resize:none}.container .row100 .inputBox textarea:focus+.text{top:-35px;left:-10px}.container .row100 .inputBox textarea:valid+.text{top:-35px;left:-10px}.container .row100 .inputBox textarea:focus~.line{height:100%}.container .row100 .inputBox textarea:valid~.line{height:100%}input[type=submit],input[type=button]{border:none;padding:7px 35px;cursor:pointer;outline:none;background:gray;color:beige;font-size:18px;border-radius:2px;font-family:Audiowide}.show-modal{opacity:1;visibility:visible;transform:scaleX(1) scaleY(1);transition:visibility 0s linear 0s,opacity .25s 0s,transform .25s}@media only screen and (max-width: 50rem){h1{font-size:1.5rem}.modal-content{width:calc(100% - 2rem)}.container h2{font-size:22px}}.canv[data-v-77a4b156]{width:100%}