@font-face{font-family:GROBOLD;src:url(./GROBOLD-98e9c349.ttf)}#pre-loader{position:fixed;left:0;top:0;width:100%;height:100vh;background:#fff url(./loader2-165b12d6.gif) no-repeat center;background-size:6rem 6rem;z-index:999999999999999}.loader-gif{position:absolute;height:4rem;width:4rem;left:50%;top:50%;transform:translate(-50%,-50%)}.zoom-buttons{position:absolute;z-index:100000;right:15px;top:5px;height:30px;width:30px;border-radius:50%;font-size:1.2rem;border-width:0;padding:0;color:#4b4b4b;cursor:pointer;font-weight:700}.zoom-buttons img{width:32px;height:32px}.zoom-out-button{top:40px}body{font-family:GROBOLD,sans-serif;font-size:1.2rem;background:linear-gradient(to bottom,#cca5fe,#fcd6ff,#cca5fe);background-size:cover;background-repeat:repeat;overflow:auto}img{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.profile-btn{position:absolute;right:1em;top:1em;background-color:transparent;border:none}.profile-btn,.profile-btn img{height:3rem;width:3rem;cursor:pointer}.gallery-container{display:grid;height:20rem;align-items:center;grid-auto-flow:row;grid-auto-rows:25%;grid-template-columns:repeat(3,1fr);grid-template-rows:unset;overflow-y:scroll}.gallery-container img{object-fit:cover}.img-activity{height:3rem;width:auto;margin:.2em;padding:.3em;border-radius:10px;background-color:#ffae42}.active-image{background-color:green!important}.goal-box{font-size:1rem;border-radius:2px;border:0,5px solid black;position:absolute;left:240px;top:1rem;height:auto;padding:0 0 .2em;width:5rem;opacity:.9;background-color:#fff;color:#e0dfdf;-webkit-text-stroke:.5px rgb(0,0,0);z-index:11}.goal-header{height:1.2rem;width:100%;border-top-left-radius:2px;border-top-right-radius:2px;display:flex;text-align:center;justify-content:center;align-items:center;background-color:#892ddf}.goal-img{padding:.1em 0 0 .2em;height:1.5rem;width:auto}.goal-box span{padding:0 .2em;font-size:.9rem;text-align:center}.header{display:block;position:absolute;width:90vw;left:0;right:0;margin:0 auto;top:.5;height:auto;width:fit-content;text-align:center;font-size:1em;z-index:1}.header h2{font-size:1.2rem;display:block;color:#ef4765;position:absolute;left:auto;right:auto;margin:0 0 0 2.5rem;top:2em;height:2rem;min-width:12rem;padding:2px;border-radius:5%}nav{z-index:999999;position:absolute;top:0;left:0;font-size:.7rem;margin:0 auto;width:5.75rem;height:auto;display:inline-block;background:#f7a941}.save-bar{position:absolute;top:0;left:auto;right:0;background:#fc70d2}nav ul{margin:0;width:5.75rem;padding:0;list-style-type:none;float:left;display:inline-block}nav ul li{position:relative;margin:0 .5px 0 0;float:left;display:inline-block}li>a:after{content:""}li>a:only-child:after{content:""}nav ul li a{padding:.3rem;display:inline-block;color:#fff;-webkit-text-stroke:0px rgb(0,0,0);text-decoration:none}.save-bar div{padding:.3rem;display:inline-block;color:#fff;-webkit-text-stroke:0px rgb(0,0,0);text-decoration:none}nav ul li a:hover{opacity:.5}nav ul li ul{display:none;text-align:center;position:absolute;left:0;background:#ff5d5d;float:left}nav ul li ul li{width:100%;border-bottom:1.5px solid rgba(255,255,255,.3)}.show-list,.show-save-list{display:block}.show-save-list{background:#c980bd}.show-list-hidden,.show-save-list-hidden{display:none}.menu-icon,.save-icon{height:1rem;width:auto;margin-left:50%;display:block;cursor:pointer}.nav-icon{height:1.3rem;width:auto}.header--img{margin-top:3px;width:12rem;height:auto}.overlay{background-color:#fff;display:none;position:absolute;left:0;top:0;height:100vh;width:100vw;position:fixed;z-index:999;opacity:.6;filter:blur(8px)}#select-language,#level-dropdown{background-color:#fc940c;border:none;box-shadow:inset 3px 4px 2px #ffffff80;border-radius:10px;padding:5 10;color:#fff;-webkit-text-stroke:transparent;z-index:2}.login-btn,.logout-btn{background-color:#ff5c5c;border:none;box-shadow:inset 1px 3.5px 1px #ffffff80;border-radius:10px;padding:5 10;color:#fff;-webkit-text-stroke:transparent}.button{background:linear-gradient(to bottom right,#ef4765,#ff9a5a);display:flex;flex-direction:column;align-items:center;padding:6px 14px;font-family:inherit;letter-spacing:inherit;border-radius:6px;border:none;cursor:pointer;color:#fff;background-origin:border-box;box-shadow:0 .5px 1.5px #367af640,inset 0 .8px 0 -.25px #fff3;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button:hover{background:linear-gradient(to top left,#ef4765,#ff9a5a)}.instruct-button{position:absolute;top:5rem;left:1rem;z-index:999}.instruct-parent{position:absolute;left:1%;top:12rem;opacity:1;transition:ease-in 1s;transition:transform 1s ease-in-out;transform:translate(0);z-index:997}.instruct-parent-hidden{opacity:.1;transition:ease-out 1s;transition:transform 1s ease-in-out;transform:translate(-22rem)}.instruction-content{position:relative;font-size:.7em;-webkit-text-stroke:0px rgb(114,114,114);padding:3rem .5rem;width:18rem;max-width:50vw;height:fit-content;border-radius:50%;overflow:hidden;text-align:center}.instruction-content span{display:none;position:absolute;top:2.5rem;right:5.5em}.apt-hero{position:relative;margin:-1rem;margin-left:5%;height:12rem;width:auto;animation:fadeIn 3s;z-index:997}.instruction-content #lower-outer-ring,.instruction-content #upper-outer-ring{height:120px;width:120px;border-radius:120px;z-index:1}.inst-text,.control-btn{display:flex;align-items:center;gap:5px}.inst-text-design{border-radius:44.67px}.inst-text-mobile{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-window,.custom-modal{display:none;align-items:center;position:absolute;inset:0;margin:auto;width:60%;height:fit-content;-webkit-text-stroke:.5px rgb(31,1,70);color:#7e7e7e;transition:ease-in .5s;overflow:hidden;padding:10 20;border-radius:1em;-webkit-text-stroke:0px rgb(114,114,114);z-index:1001}.box-appearance{background-color:#fff;box-shadow:0 0 0 6px #666}.modal-window-win{animation:fadeIn 3s;transition:ease-in .5s}.button2.visit-btn,.button2.publish-btn{margin:10 auto}.button-container{width:70%;margin:0 auto;place-items:center;column-gap:10px;grid-template-columns:repeat(2,1fr)}.button-container button{width:100%;padding:13px 15px;border:none;border-radius:10px;font-size:.9rem;font-family:inherit;color:#fff;cursor:pointer}.button-container :nth-child(1),.button-container :nth-child(4){background:linear-gradient(to right,#fe8c8c,#ff5c5c)}.button-container :nth-child(2),.button-container :nth-child(3){background:linear-gradient(to bottom,#f3c487,#ffae42)}.close--translate--modal{position:absolute;top:0;right:10}#current-text{color:#ff5c5c}#blocks-text{color:#ffae42}.modal-heading-text{text-align:center;font-size:1.6rem}#upper-outer-ring{z-index:-45;position:absolute;top:-45;left:-45;height:120px;width:120px;border-radius:120px;background-color:#ff5c5c;opacity:.2}#lower-outer-ring{z-index:-45;position:absolute;bottom:-45;right:-45;height:120px;width:120px;border-radius:120px;background-color:#ffae42;opacity:.2}#upper-inner-ring{z-index:24;position:absolute;top:0;left:0;height:100px;border-radius:100px;width:100px;background-color:#fff}#lower-inner-ring{z-index:24;position:absolute;bottom:0;right:0;height:100px;border-radius:100px;width:100px;background-color:#fff}.custom-modal{width:fit-content;display:block}.more-modal{width:35%}fieldset{border:none;font-size:22px}#saveTitle,#publishTitle{border:5px solid #ff5c5c;font-size:24px;font-family:GROBOLD;border-radius:15px;width:45%}#image-id-save,#image-id-publish{border:5px solid #ffae42;font-size:24px;font-family:GROBOLD;border-radius:15px;width:45%}.prompt-modal,.prompt-publish-modal{width:60%}.button2{display:flex;font-size:15px;letter-spacing:2px;font-weight:600;flex-direction:column;align-items:center;padding:8px 20px;font-family:inherit;border-radius:10px;position:relative;z-index:23;border:none;cursor:pointer;color:#fff;background:linear-gradient(to right,#fe8c8c,#ff5c5c);background-origin:border-box;box-shadow:inset 4px 4px 4px 4px #0003;user-select:none;-webkit-user-select:none;touch-action:manipulation}#editor-container{box-shadow:3px 4px 7.5px #000;border-radius:25px 0 0}#bot-img{position:relative;height:100px;left:14vw}#save-submit{margin:0 auto;font-size:20px}#img-preview-save,#img-preview-publish{position:absolute;top:4.5em;right:3em;height:150px}.close--modal,.close--dropdown--div,.close--custom-modal,.close--instruct,.close--more--modal,.close--prompt--modal,.close--translate--modal,.close--prompt--publish--modal,.close--img--select--modal{border:none;display:inline-block;padding:.2em .5em;vertical-align:top;justify-content:right;float:right;border-radius:50%;font-size:1.2em;overflow:hidden;text-decoration:none;color:#fff;background-color:#dc143c;text-align:center;cursor:pointer;white-space:nowrap;margin-left:1em}#codeHolder{position:relative;display:block}.modal-content,.custom-modal-content{font-size:1em;padding:1.25rem;text-align:center}.custom-char{display:flex;justify-content:center;align-items:center}.custom-char-img,.custom-char-reward{height:2.5rem;width:auto;margin:1.5rem;background-color:#d3d3d3;border-radius:5%}.custom-char-active{background-color:#90ee90;border-radius:5%}.next-level,.submit-custom{margin:0 auto}#confetti-canvas{position:absolute;left:0;top:0;height:100vh;width:100vw}.dots{position:absolute;top:5rem;left:50vw;transform:translate(-50%);display:flex;z-index:2}.dots__dot{border:none;background-color:#fff0;color:#fff;-webkit-text-stroke:.5px rgb(67,51,124);opacity:1;height:1.5rem;width:1.5rem;font-weight:900;border-radius:50%;margin-right:1.75rem;cursor:pointer;transition:all .5s;font-family:inherit;box-shadow:0 0 0 2px #fff}.dots__dot:hover{background-color:#a6c5df}.dots__dot:last-child{margin:0}.dots__dot--active{background-color:#fff;opacity:1}.dots__dot--current{box-shadow:0 0 0 2px #e50013}.dots__dot--current:hover{background-color:#a6c5df}.img-select-modal{max-width:500px}#level-dropdown{position:absolute;top:4.5rem;left:44vw}#dropdown-div{position:absolute;top:2px;right:-12.5rem;transition:transform 1s ease-in-out;display:none;opacity:.95;font-size:15px;color:#000;border:5px solid #fc940c;border-radius:5px;padding:5px 10px 5px 15px;gap:8px;background-color:#fff;flex-direction:column;align-items:center;z-index:1000}#dropdown-div .close--dropdown--div{margin-left:auto;margin-right:auto}@media only screen and (max-width: 940px){body{font-size:.85rem;background-size:cover}.blocklyDropDownDiv{padding:.5rem}@viewport{width:100vw}nav{font-size:.6rem}.header--img{width:8rem;height:auto}.header h2{font-size:.8rem;left:0;right:0;margin:0 auto;top:1.5rem;width:fit-content;padding:2px}.more-modal{width:60%}.more-modal.modal-heading-text{font-size:.2rem}.menu-icon{height:.8rem;width:auto;font-size:1rem;display:block}.instruct-button{left:.8rem;top:2.2rem;height:0;padding:0}.inst-text{display:none}.inst-text-mobile{display:block}.inst-text-mobile img{height:2rem;width:2rem}.button{transform:scale(.9)}}@media only screen and (max-width: 1140px){.goal-box{font-size:.85rem;top:1rem;left:1vw}#img-preview-save,#img-preview-publish{height:120px;top:6rem}fieldset .modal-heading-text{font-size:1.5rem}}@media only screen and (max-width: 960px){fieldset .modal-heading-text,fieldset #current-text,fieldset #blocks-text{font-size:1.2rem}#img-preview-save,#img-preview-publish{height:100px;top:6rem;right:2rem}}@media only screen and (max-width: 760px){.zoom-buttons{display:none}.button-container{grid-template-columns:none;grid-template-rows:repeat(4,1fr)}.prompt-modal,.prompt-publish-modal{width:80%}#image-id-save,#image-id-publish,#saveTitle,#publishTitle{width:80%;font-size:1rem}fieldset .modal-heading-text,fieldset #current-text,fieldset #blocks-text{font-size:1rem}#img-preview-save,#img-preview-publish{position:relative;top:0;left:0;display:flex;margin:10 auto;width:15rem;height:7.5rem}.gallery-container{grid-template-columns:repeat(3,1fr);grid-auto-rows:25%}}@media only screen and (max-width: 500px){.gallery-container{grid-template-columns:repeat(2,1fr);grid-auto-rows:15%}.img-activity{height:2rem;width:auto;margin:.2em;padding:.3em;border-radius:10px;background-color:#ffae42}}@media only screen and (min-width: 1024px){#editor-container{display:block}}@media only screen and (max-width: 300px){#img-preview-save,#img-preview-publish{height:6rem;width:12rem}}