body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#292c33;background:var(--anthracite);font-family:Helvetica;margin:0}:root{--anthracite:#292c33;--white:#fff;--lightgray:#bfbfbf;--gray:#7f7f7f;--darkergray:#3f3f3f;--black:#000}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,.5);border-radius:10px}::-webkit-scrollbar-thumb{background:#000;background:var(--black);border-radius:10px}.icons{display:flex;margin-bottom:12px;margin-top:12px}.tutorialBox1{background:linear-gradient(135deg,#00af6e,#008cb4);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.25);display:flex;height:500px;left:3.5rem;overflow:hidden;position:absolute;top:-110px;width:400px}.tutorialBox1:after,.tutorialBox1:before{-webkit-animation:animate 18s linear infinite;animation:animate 18s linear infinite;background:linear-gradient(0deg,transparent,#000,#000);content:"";height:100%;left:-50%;position:absolute;top:-50%;-webkit-transform-origin:bottom right;transform-origin:bottom right;width:100%}.tutorialBox1:after{-webkit-animation-delay:-9s;animation-delay:-9s}.tutorialBox2{background:linear-gradient(135deg,#00af6e,#008cb4);border:1px solid rgba(0,0,0,.1);border-radius:8px;border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.5);display:flex;flex-direction:column;inset:5px;margin:auto 0;position:absolute;z-index:15}.tutorialBox1 .close{display:flex;justify-content:flex-end;top:0}.tutorialBox1 .close,.tutorialBox2 h1{position:-webkit-sticky;position:sticky;z-index:100}.tutorialBox2 h1{color:#000;font-family:Helvetica;font-size:30px;font-weight:700;margin-top:0;text-align:center;top:50px}.tutorialBox1 button{background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:700;padding:15px}.tutorialBox3{margin-top:6rem;overflow-y:scroll}.tutorialBox3,.tutorialBox4{border-radius:10px;inset:5px;position:absolute;z-index:10}.tutorialBox4{align-items:center;display:grid;justify-content:center;text-align:center}.template{border-radius:10px;height:200px;margin-bottom:10px;z-index:10}.template video{border-radius:10px;outline:2px solid #000;width:95%}.template span{color:#000;font-size:16px;font-weight:700}.loginBox1{background:linear-gradient(135deg,#00af6e,#008cb4);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.25);display:flex;height:500px;left:3.5rem;overflow:hidden;position:absolute;top:-160px;width:400px}.loginBox1:after,.loginBox1:before{-webkit-animation:animate 18s linear infinite;animation:animate 18s linear infinite;background:linear-gradient(0deg,transparent,#000,#000);content:"";height:100%;left:-50%;position:absolute;top:-50%;-webkit-transform-origin:bottom right;transform-origin:bottom right;width:100%}.loginBox1:after{-webkit-animation-delay:-9s;animation-delay:-9s}.loginBox2{background:linear-gradient(135deg,#00af6e,#008cb4);border:1px solid rgba(0,0,0,.1);border-radius:8px;border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.5);display:flex;flex-direction:column;inset:5px;margin:auto 0;position:absolute;z-index:10}.loginBox2 h1{color:#000;font-size:30px;font-weight:700;margin-top:0;text-align:center}.loginInput{display:flex;margin-bottom:0;margin-left:15%;margin-top:35px;position:relative;width:70%}.loginInput input{background:transparent;border:none;color:#000;font-size:20px;outline:none;padding:25px 10px 10px;position:relative;width:95%;z-index:10}.loginInput span{bottom:0;color:#000;font-size:16px;font-weight:400;padding:15px 10px;pointer-events:none;position:absolute;transition:.5s}.loginInput input:focus~span,.loginInput input:valid~span{color:#000;font-size:0;-webkit-transform:translateX(0) translateY(-34px);transform:translateX(0) translateY(-34px)}.loginInput i{background:#000;border-radius:4px;bottom:0;height:2px;left:0;pointer-events:none;position:absolute;transition:.3s;width:100%}.loginInput input:focus~i,.loginInput input:valid~i{background:#fff;height:100%}.loginButton,.loginButtonContainer{display:flex;justify-content:center}.loginButton{align-items:center;background:transparent;border:1px solid rgba(0,0,0,.5);border-radius:10px;color:#000;cursor:pointer;font-size:16px;font-weight:400;height:50px;margin-top:40px;transition:all .3s ease-in-out;width:110px}.loginButton:hover{-webkit-transform:scale(105%);transform:scale(105%)}.loginBox1 button{background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:700;padding:15px}.otherModals{display:grid;justify-content:center}.forgotPassword,.signup{color:#000;font-size:16px;font-weight:400;margin-top:-15px;text-decoration:none;transition:all .3s ease-in-out}.forgotPassword:hover,.signup:hover{-webkit-transform:scale(105%);transform:scale(105%)}.signup{margin-top:0}.forgotPassword{margin-top:-35px}.signupBox1{height:500px;left:-6px;overflow:hidden;top:-6px;width:400px;z-index:100}.signupBox1,.signupBox2{display:flex;position:absolute}.signupBox2{background:linear-gradient(135deg,#00af6e,#008cb4);border:1px solid rgba(0,0,0,.1);border-radius:8px;border-radius:10px;flex-direction:column;inset:5px;z-index:10}.signupBox2 h1{color:#000;font-size:30px;font-weight:700;margin-top:0;text-align:center}.signupInput{display:flex;margin-bottom:0;margin-left:15%;margin-top:35px;position:relative;width:70%}.signupInput input{background:transparent;border:none;color:#000;font-size:20px;outline:none;padding:25px 10px 10px;position:relative;width:95%;z-index:10}.signupInput span{bottom:0;color:#000;font-size:16px;font-weight:400;padding:15px 10px;pointer-events:none;position:absolute;transition:.5s}.signupInput input:focus~span,.signupInput input:valid~span{color:#000;font-size:0;-webkit-transform:translateX(0) translateY(-34px);transform:translateX(0) translateY(-34px)}.signupInput i{background:#000;border-radius:4px;bottom:0;height:2px;left:0;pointer-events:none;position:absolute;transition:.3s;width:100%}.signupInput input:focus~i,.signupInput input:valid~i{background:#fff;height:100%}.signupButton,.signupButtonContainer{display:flex;justify-content:center}.signupButton{align-items:center;background:transparent;border:1px solid rgba(0,0,0,.5);border-radius:10px;color:#000;cursor:pointer;font-size:16px;font-weight:400;height:50px;margin-top:40px;transition:all .3s ease-in-out;width:110px}.signupButton:hover{-webkit-transform:scale(105%);transform:scale(105%)}.signupBox1 button{background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:700;padding:15px}.forgotpassBox1{display:flex;height:500px;left:-6px;overflow:hidden;position:absolute;top:-6px;width:400px;z-index:100}.forgotpassBox2{background:linear-gradient(135deg,#00af6e,#008cb4);border:1px solid rgba(0,0,0,.1);border-radius:8px;border-radius:10px;display:flex;flex-direction:column;inset:5px;position:absolute;z-index:10}.forgotpassBox2 h1{color:#000;font-family:Helvetica;font-size:30px;font-weight:700;margin-top:0;text-align:center}.forgotpassInput{display:flex;margin-bottom:0;margin-left:15%;margin-top:35px;position:relative;width:70%}.forgotpassInput input{background:transparent;border:none;color:#000;font-size:20px;outline:none;padding:25px 10px 10px;position:relative;width:95%;z-index:10}.forgotpassInput span{bottom:0;color:#000;font-family:Helvetica;font-size:16px;font-weight:400;padding:15px 10px;pointer-events:none;position:absolute;transition:.5s}.forgotpassInput input:focus~span,.forgotpassInput input:valid~span{color:#000;font-size:0;-webkit-transform:translateX(0) translateY(-34px);transform:translateX(0) translateY(-34px)}.forgotpassInput i{background:#000;border-radius:4px;bottom:0;height:2px;left:0;pointer-events:none;position:absolute;transition:.3s;width:100%}.forgotpassInput input:focus~i,.forgotpassInput input:valid~i{background:#fff;height:100%}.forgotpassButton,.forgotpassButtonContainer{display:flex;justify-content:center}.forgotpassButton{align-items:center;background:transparent;border:1px solid rgba(0,0,0,.5);border-radius:10px;color:#000;cursor:pointer;font-size:16px;font-weight:400;height:50px;margin-top:40px;transition:all .3s ease-in-out;width:110px}.forgotpassButton:hover{-webkit-transform:scale(105%);transform:scale(105%)}.forgotpassBox1 button{background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:700;padding:15px}.contactBox1{background:linear-gradient(135deg,#00af6e,#008cb4);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.25);display:flex;height:500px;left:3.5rem;overflow:hidden;position:absolute;top:-228px;width:400px}.contactBox1:after,.contactBox1:before{-webkit-animation:animate 18s linear infinite;animation:animate 18s linear infinite;background:linear-gradient(0deg,transparent,#000,#000);content:"";height:100%;left:-50%;position:absolute;top:-50%;-webkit-transform-origin:bottom right;transform-origin:bottom right;width:100%}.contactBox1:after{-webkit-animation-delay:-9s;animation-delay:-9s}.contactBox2{background:linear-gradient(135deg,#00af6e,#008cb4);border:1px solid rgba(0,0,0,.1);border-radius:8px;border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.5);display:flex;flex-direction:column;font-weight:700;inset:5px;margin:auto 0;position:absolute;z-index:10}.contactBox2 h1{color:#000;font-size:30px;font-weight:700;margin-top:0;text-align:center}.contactBox1 .inputContainer{margin-top:-30px}.contactInput{margin-bottom:0;margin-left:15%;margin-top:35px;position:relative;width:70%}.contactInput input{background:transparent;border:none;color:#000;font-size:20px;outline:none;padding:25px 10px 10px;position:relative;width:95%;z-index:10}.contactInput span{color:#000;font-size:16px;font-weight:400;padding:15px 10px;pointer-events:none;position:absolute;transition:.5s}.contactInput input:focus~span,.contactInput input:valid~span{color:#000;font-size:0;-webkit-transform:translateX(0) translateY(-34px);transform:translateX(0) translateY(-34px)}.contactInput i{background:#000;border-radius:4px;bottom:0;height:2px;left:0;pointer-events:none;position:absolute;transition:.3s;width:100%}.contactInput input:focus~i,.contactInput input:valid~i{background:#fff;height:100%}.contactButton,.contactButtonContainer{display:flex;justify-content:center}.contactButton{align-items:center;background:transparent;border:1px solid rgba(0,0,0,.5);border-radius:10px;color:#000;cursor:pointer;font-size:16px;font-weight:400;height:50px;margin-top:40px;transition:all .3s ease-in-out;width:110px}.contactButton:hover{-webkit-transform:scale(105%);transform:scale(105%)}.contactBox1 button{background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:700;padding:15px}.close{display:flex;justify-content:flex-end}.sidebarContainer{position:fixed;top:100px;z-index:1000}.Logo{left:10px;margin-right:10px;position:fixed;top:10px;width:8rem}.sidebar{align-items:center;background:linear-gradient(135deg,#00af6e,#008cb4);border:2px solid #000;border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.25);cursor:grabbing;flex-direction:column;margin:10px;padding:10px;width:2rem}.menu,.sidebar{display:flex}.content{flex-direction:column}.copyright,.name{color:#000;display:flex;font-family:Helvetica;font-size:40px;font-weight:400;justify-content:center;position:relative;text-align:center;width:100%}.name{font-size:40px}.copyright{font-size:16px}.pages{display:flex;font-family:Helvetica;font-size:16px;font-weight:400;position:relative;text-decoration:none}.pages,.tab{color:#000;justify-content:center}.tab{background:linear-gradient(135deg,#00af6e,#008cb4);border:2px solid #000;border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.25);cursor:pointer;display:none;font-size:20px;font-weight:700;left:3rem;padding:10px;position:absolute;top:3px;transition:all .3s ease-in-out;z-index:900}.one{background:#00aa78}.one,.two{width:80px}.two{background:#00a77e}.three{background:#00a385;width:80px}.four{background:#00a08c;width:80px}.five{background:#009d92;width:80px}.six{background:#00999b;width:80px}.seven{background:#0095a1;width:140px}.eight{background:#0091a8;width:160px}.nine{background:#008fae;width:170px}.Canvas:hover>.tab,.Contact:hover>.tab,.Copyright:hover>.tab,.Login:hover>.tab,.Logout:hover>.tab,.PrivacyPolicy:hover>.tab,.Settings:hover>.tab,.TermsAndConditions:hover>.tab,.Tutorial:hover>.tab{display:flex}.button{background:transparent;border:none}.canvasContainer,.canvasContainer1{height:100vh;overflow:hidden}.canvasContainer1{z-index:10000}.canvastest{align-items:center;background:linear-gradient(135deg,#00af6e,#008cb4);border:2px solid #000;border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.25);cursor:grabbing;display:flex;flex-direction:column;margin:10px;padding:10px;width:2rem}::-webkit-input-placeholder{color:#000}.settingsContainer{height:100vh;width:100%}.titleContainer{align-items:center;display:flex;height:100%;justify-content:center}.title{color:#000;font-family:Helvetica;font-size:50px;font-weight:700}.privacypol1{display:flex;justify-content:center;scrollbar-color:#000;width:100%}.privacypol2{margin-left:100px;margin-right:50px;padding:100px 0}.privacypol2 h1,.privacypol2 p{color:var(--black)}.privacypol2 a{color:var(--cetacean)}.termsAndCon1{display:flex;justify-content:center;width:100%}.termsAndCon2{margin-left:100px;margin-right:50px;padding:100px 0}.termsAndCon2 h1,.termsAndCon2 p{color:var(--black)}.termsAndCon2 a{color:var(--cetacean)}.resetContainer{align-items:center;display:flex;height:100vh;justify-content:center}.resetBox1{background:linear-gradient(135deg,#00af6e,#008cb4);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.25);display:flex;height:500px;overflow:hidden;position:absolute;width:60%}.resetBox1:after,.resetBox1:before{-webkit-animation:animate 18s linear infinite;animation:animate 18s linear infinite;background:linear-gradient(0deg,transparent,#000,#000);content:"";height:150%;left:-50%;position:absolute;top:-100%;-webkit-transform-origin:bottom right;transform-origin:bottom right;width:100%}.resetBox1:after{-webkit-animation-delay:-9s;animation-delay:-9s}@-webkit-keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.resetBox2{background:var(--ultramarine);background:linear-gradient(135deg,#00af6e,#008cb4);border:1px solid rgba(0,0,0,.1);border-radius:8px;border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.5);display:flex;flex-direction:column;inset:5px;justify-content:center;margin:auto 0;position:absolute;z-index:10}.resetBox2 h1{color:#000;font-size:30px;font-weight:700;text-align:center}.inputContainer{margin-top:-45px}.resetInput{display:flex;margin-bottom:0;margin-left:15%;margin-top:35px;position:relative;width:70%}.resetInput input{background:transparent;border:none;color:#000;font-size:20px;outline:none;padding:25px 10px 10px;position:relative;width:95%;z-index:10}.resetInput span{bottom:0;color:#000;font-size:16px;font-weight:400;padding:15px 10px;pointer-events:none;position:absolute;transition:.5s}.resetInput input:focus~span,.resetInput input:valid~span{color:#000;font-size:0;-webkit-transform:translateX(0) translateY(-34px);transform:translateX(0) translateY(-34px)}.resetInput i{background:#000;border-radius:4px;bottom:0;height:2px;left:0;pointer-events:none;position:absolute;transition:.3s;width:100%}.resetInput input:focus~i,.resetInput input:valid~i{background:#fff;height:100%}.resetButton,.resetButtonContainer{display:flex;justify-content:center}.resetButton{align-items:center;background:transparent;border:1px solid rgba(0,0,0,.5);border-radius:10px;color:#000;cursor:pointer;font-size:16px;font-weight:400;height:50px;margin-top:40px;transition:all .3s ease-in-out;width:165px}.resetButton:hover{-webkit-transform:scale(105%);transform:scale(105%)}.resetBox1 button{background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:700;padding:15px}.errorSpaceContainer{display:flex;justify-content:center;position:absolute;top:40px;width:100%}.errorSpace{justify-content:center;width:90%}input:-webkit-autofill{border-radius:4px;width:92%}
/*# sourceMappingURL=main.cf703794.css.map*/