@font-face{font-family:RubikGlitch-Regular;src:url(/static/media/RubikGlitch-Regular.c45582ca18588f33422e.ttf)}@font-face{font-family:Raleway-Regular;src:url(/static/media/Raleway-Regular.3927fa2a37e6f7f4c7c0.ttf)}.App{font-family:Raleway-Regular;font-weight:600;margin:auto;text-align:center}.App .loading-container{background:rgba(0,0,0,.478) url(https://media.tenor.com/On7kvXhzml4AAAAi/loading-gif.gif) 50% no-repeat;background-size:10vh 10vh;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1}.App .LoginPage{box-sizing:border-box;margin:5vh auto auto;padding:0 15px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App .LoginPage .top-title{font-family:RubikGlitch-Regular;font-size:70px;font-weight:100;margin:0 0 20px}.App .LoginPage img{height:250px;width:250px}.App .LoginPage .title{font-size:30px;font-weight:500;margin:0}.App .LoginPage .input-item{box-sizing:border-box;margin:auto;text-align:left;width:80%}.App .LoginPage .input-item p{font-size:25px;font-weight:500;margin:0;padding-bottom:2px;padding-left:10px}.App .LoginPage .input-item .input-box{border-radius:8px;box-shadow:inset 0 2px 6px rgba(0,0,0,.25);box-sizing:border-box;padding:5px;position:relative;width:100%}.App .LoginPage .input-item .input-box .hide-eye{cursor:pointer;position:absolute;right:15px;top:9px}.App .LoginPage .input-item .input-box input{background-color:transparent;border:none;border-radius:5px;box-sizing:border-box;font-size:25px;outline-width:0;padding-left:10px;width:100%}.App .LoginPage .button{margin:10px auto auto;padding:10px 0;width:80%}.App .LoginPage .forgot-password{cursor:pointer;font-size:20px;margin:5px 0 0}.App .LoginPage .forgot-password:hover{color:#2793fe}.App .LoginPage button{border:1px solid #000!important;color:#000!important;margin-top:10px;width:80%}.App .RegisterPage .main{box-sizing:border-box;height:50vh;margin:8vh auto auto;padding:0 15px;text-align:center;width:50vw}.App .RegisterPage .main .title{font-size:40px;font-weight:500;margin:0;padding-bottom:10px}.App .RegisterPage .main .button{margin:30px auto;min-width:400px;padding:10px 0}.App .RegisterPage .main .input-item{box-sizing:border-box;margin:auto;max-width:500px;padding:5px 30px 0;text-align:left}.App .RegisterPage .main .input-item p{font-size:25px;font-weight:500;margin:0;padding-bottom:5px;padding-left:10px}.App .RegisterPage .main .input-item .input-box{background-color:#f9f9f9;border-radius:8px;box-shadow:inset 0 2px 6px rgba(0,0,0,.25);box-sizing:border-box;padding:5px;position:relative;width:100%}.App .RegisterPage .main .input-item .input-box .hide-eye{cursor:pointer;position:absolute;right:15px;top:9px}.App .RegisterPage .main .input-item .input-box input{padding-left:10px}.App .RegisterPage .main .input-item .input-box input,.App .RegisterPage .main .input-item .input-box select{background-color:transparent;border:none;border-radius:5px;box-sizing:border-box;font-size:25px;outline-width:0;width:100%}.App .RegisterPage .main .forgot-password{cursor:pointer;font-size:20px}.App .RegisterPage .main .forgot-password:hover{color:#2793fe}.App .MainPage{font-size:20px;position:relative}.App .MainPage.curser{cursor:pointer}.App .MainPage .header,.App .MainPage .row{align-items:center;display:flex}.App .MainPage .header{background-color:#fff;box-shadow:0 0 14px rgba(0,0,0,.25);box-sizing:border-box;left:0;padding:5px 30px;position:fixed;top:0;width:100%;z-index:1}.App .MainPage .header .user-name{left:50px;position:absolute}.App .MainPage .header p{font-family:RubikGlitch-Regular;font-size:50px;font-weight:100;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App .MainPage .header .button{background-color:#fff;color:#000;padding:0;position:absolute;right:0}.App .MainPage .header .button:hover{color:#2793fe}.App .MainPage .header button{box-shadow:none!important;color:#000!important;height:100%;margin:0}.App .MainPage .squares{margin:80px auto 10px}.App .MainPage .squares,.App .MainPage .squares .unit-squares{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App .MainPage .squares .unit-squares .square{background-color:#fff;border:1px solid #000;height:20px;width:20px}.App .MainPage .squares .unit-squares .square.black{background-color:#000}.App .MainPage .total-frame{word-wrap:break-word;display:inline-block;max-width:530px;padding:10px 0;white-space:pre-wrap;width:100vw;word-break:break-all}.App .MainPage .row-center{align-items:center;display:flex;margin:auto;min-height:52px;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App .MainPage .row-center p{margin:0 30px 0 5px}.App .MainPage .row-center input{height:30px;width:20px}.App .MainPage .row-center .current-frame{word-wrap:break-word;display:inline-block;max-width:530px;white-space:pre-wrap;width:100vw;word-break:break-all}.App .MainPage .sliders{align-items:center;display:flex;margin:auto;padding:10px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App .MainPage .sliders p{margin:auto}.App .MainPage .sliders .slider-box{padding:0 30px}.App .MainPage .sliders .slider-box .row{align-items:center;display:flex}.App .MainPage .sliders .slider-box .row input{font-size:20px;margin:0 10px;padding:5px 10px;width:100px}.App .MainPage .sliders .slider-box .row textarea{-ms-overflow-style:none;border:1px solid #000;box-sizing:border-box;font-family:Raleway-Regular;font-size:20px;margin:0 10px;max-width:310px;min-height:84px;padding:5px 10px;resize:none;width:100vw}.App .MainPage .sliders .slider-box .row textarea::-webkit-scrollbar{display:none}.App .MainPage .sliders .slider-box .row .nano-buttons{display:grid}.App .MainPage .sliders .slider-box .row .nano-buttons svg{cursor:pointer;height:30px;width:30px}.App .MainPage .sliders .slider-box .row .nano-buttons svg:hover{color:#2793fe}.App .MainPage .go-to-frame{align-items:center;display:flex;margin:auto;padding:10px 0 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App .MainPage .go-to-frame p{margin:0}.App .MainPage .go-to-frame textarea{-ms-overflow-style:none;border:1px solid #000;box-sizing:border-box;font-size:20px;margin:0 10px;max-width:460px;min-height:60px;padding:5px 10px;resize:none;width:100vw}.App .MainPage .go-to-frame textarea::-webkit-scrollbar{display:none}.App .MainPage .slider{align-items:center;display:flex;height:50px;margin:auto;max-width:1600px}.App .MainPage .slider .button{align-items:center;margin:0 5px;padding-bottom:9px;-webkit-user-select:none;user-select:none}.App .MainPage .slider .button.left{margin-right:40px}.App .MainPage .slider .button.right{margin-left:40px}.App .MainPage .reset-all{margin-top:10px;width:100%}.App .MainPage .reset-all .button{margin:auto;-webkit-user-select:none;user-select:none;width:500px}.App .MainPage .saving-comment{margin:auto;padding:10px 0 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App .MainPage .saving-comment p{margin:0}.App .MainPage .saving-comment textarea{font-size:20px;max-width:800px;min-height:50px;min-width:800px;padding:5px}.App .MainPage .saving-comment .buttons{margin:auto}.App .MainPage .saving-comment .buttons .button{margin-left:10px;margin-right:10px;width:300px}.App .MainPage .horizontal-line{background-color:#000;box-sizing:border-box;height:2px;margin:auto;width:95%}.App .MainPage .saved-items{padding-top:20px}.App .MainPage .saved-items .saved-item{align-items:center;margin:auto;padding:3px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App .MainPage .saved-items .saved-item .squares{border:1px solid #000;margin:0}.App .MainPage .saved-items .saved-item .squares .square{border:none;height:6px!important;width:6px!important}.App .MainPage .saved-items .saved-item .comment-area{word-wrap:break-word;border:1px solid #000;display:inline-block;font-size:20px;margin-left:20px;max-width:800px;min-height:90px;min-width:800px;padding:5px;position:relative;text-align:left;white-space:pre-wrap}.App .MainPage .saved-items .saved-item .comment-area p{word-wrap:break-word;bottom:5px;box-sizing:border-box;color:rgba(0,0,0,.439);display:inline-block;font-size:13.6px;margin:0;padding-left:10px;position:absolute;right:5px;text-align:right;white-space:pre-wrap;width:100%;word-break:break-all}.App .MainPage .saved-items .saved-item>.row:nth-child(2){align-items:center;justify-content:end;justify-content:space-between;padding:5px 0 5px 100px}.App .MainPage .saved-items .saved-item>.row:nth-child(2) p{margin:0}.App .MainPage .saved-items .saved-item>.row:nth-child(2) .svg-icons{align-items:center;display:flex}.App .MainPage .saved-items .saved-item>.row:nth-child(2) .svg-icons .svg-icon-container{align-items:center;position:relative}.App .MainPage .saved-items .saved-item>.row:nth-child(2) .svg-icons .svg-icon-container .svg-icon{border-radius:100px;color:#1b59c3;cursor:pointer;height:100%;padding:7px}.App .MainPage .saved-items .saved-item>.row:nth-child(2) .svg-icons .svg-icon-container .svg-icon:hover{background-color:#1b59c3;color:#fff}.App .MainPage .saved-items .saved-item>.row:nth-child(2) .svg-icons .svg-icon-container .hover-up{background-color:#d3d3d3;border-radius:5px;bottom:46px;left:-34px;min-width:60px;padding:2px 20px 5px;position:absolute}.App .buttons{display:flex;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App .buttons .button{width:300px}.App .button{background-color:#4472c4;border-radius:10px;color:#fff;cursor:pointer;margin:0 10px;padding:10px 0;text-align:center;-webkit-user-select:none;user-select:none;width:150px}.App .button:hover{background-color:#1b59c3}.App .button.disabled{background-color:#647799;cursor:default}.App .button.draw-mode{left:calc(50vw - 417px);position:absolute;top:125px}.App .button.donate{align-items:center;background-color:#ffc43a;color:#121661;height:50px;line-height:50px;position:absolute;right:calc(50vw - 417px);top:110px}.App .button.donate:hover{background-color:#ffc43ac0}.App .button.download{align-items:center;background-color:#4472c4;color:#fff;position:absolute;right:calc(50vw - 417px);top:200px}.App .button.download:hover{background-color:#1b59c3}.App .button-gotoUp{background-color:#4472c4;border-radius:100px;bottom:30px;color:#fff;cursor:pointer;font-size:30px;height:40px;margin:0;opacity:.5;padding:10px;position:fixed;right:30px;width:40px}.App .button-gotoUp:hover{opacity:1}.App .draw-mode-toggle{left:calc(50vw - 417px);position:absolute;top:105px}.App .draw-mode-toggle p{margin:0}.App .draw-mode-toggle .flex{align-items:center;display:inline-flex;margin:auto;padding-bottom:30px;text-align:center}.App .draw-mode-toggle .flex svg{cursor:pointer;height:40px;width:40px}.App .draw-mode-toggle .flex p{font-weight:800;margin:0 5px}.App .blue{color:#4472c4}.App .hidden{display:none}body{margin:0;padding:0}
/*# sourceMappingURL=main.38be92a3.css.map*/