body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}.App{width:100%}a{text-decoration:none}button:focus{outline:none}.myForm{margin:auto;width:100%}.div{height:100%;margin:auto;max-width:450px;position:relative;width:90%}input::-webkit-input-placeholder{font-size:.75rem}input::placeholder{font-size:.75rem}.passwordBlock{align-items:center;display:flex;flex-direction:row;position:relative;width:100%}.visibility{color:gray;cursor:pointer;position:absolute;right:.5rem}.formBlock{width:100%}.formBlock h2{color:#32bdf4;font-size:1.5rem;margin-bottom:1em}.card{display:grid;grid-template-columns:50% 50%;height:100vh;position:relative;width:100%}ul{list-style:none}a{color:#000}.myForm{gap:1em}.formElement,.myForm{display:flex;flex-direction:column}.formElement{gap:.5em;position:relative;width:100%}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}.formElement label{align-items:center;display:flex;flex-direction:row;gap:.6rem;justify-content:space-between;width:100%}.formElement label small{color:rgba(255,0,0,.7);font-size:.8rem;font-weight:600}.formElement input,.formElement textarea{word-wrap:break-word;border:.1rem solid gray;border-radius:.5rem;padding:.7rem;width:100%;word-break:break-all}.formElement input.error,.formElement textarea.error{border-color:rgba(255,0,0,.7)}.formElement input:focus,.formElement textarea:focus{outline:none}.formActions{margin:auto;text-align:center;width:100%}.formActions button{background-color:#000;border:none;border-radius:.7rem;box-shadow:2px 4px 8px hsla(0,7%,6%,.21);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:1.5em auto auto;max-width:200px;padding:1rem;width:90%}.formActions button a{color:#fff}@media (hover:hover){button:hover{opacity:.7}}@media screen and (max-width:820px){.card{display:flex;flex-direction:column;grid-template-columns:none;height:auto}.card .background{height:250px}.formBlock{margin-bottom:3em}}.home{display:grid;grid-template-columns:60% 40%;height:100vh;width:100%}.bg-section{background-image:url(/task-on-appwrite/static/media/home-bg.1f1cbe378e5a1f06ad1c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.welcome{height:100%;margin:auto;position:relative;width:90%}.welcome-contents{align-items:center;display:flex;flex-direction:column;gap:1.7rem;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.welcome-contents h1{font-size:3rem}.welcome-contents h1 span{color:#32bdf4;display:block;font-size:4rem}.welcome-contents h1 span span{color:#000;display:inline}.welcome-contents p{font-size:1.5rem;line-height:1.5em}.welcome-contents p span{display:block}.welcome-contents p span span{color:#32bdf4;display:inline;font-size:1.8rem;font-weight:800}.welcome-contents button{background-color:#000;border:none;border-radius:.7rem;box-shadow:2px 4px 8px hsla(0,7%,6%,.584);cursor:pointer;font-size:1rem;font-weight:600;margin-top:4em;max-width:200px;padding:1rem;width:90%}.welcome-contents button a{color:#fff}@media screen and (max-width:900px){.welcome-contents h1{font-size:2rem}.welcome-contents h1 span{font-size:3rem}.welcome-contents p{font-size:1.3rem}.welcome-contents p span span{font-size:1.6rem}.welcome-contents button{font-size:.9rem}}@media screen and (max-width:820px){.home{grid-template-columns:45% 55%}}@media screen and (max-width:780px){.home{align-items:center;display:flex;flex-direction:column;grid-template-columns:none;height:auto}.bg-section{height:450px}.welcome{margin:5em 0}.welcome-contents{left:auto;position:static;top:auto;-webkit-transform:none;-webkit-transform:initial;transform:none}.welcome-contents h1{font-size:2.5rem}.welcome-contents h1 span{font-size:3.5rem}.welcome-contents p{font-size:1.4rem}.welcome-contents p span span{font-size:1.7rem}.welcome-contents button{font-size:1rem}}@media screen and (max-width:500px){.welcome-contents h1{font-size:2rem}.welcome-contents h1 span{font-size:3rem}.welcome-contents p{font-size:1.3rem}.welcome-contents p span span{font-size:1.6rem}.welcome-contents button{font-size:.9rem}}.login-bg{background-image:url(/task-on-appwrite/static/media/log-in-bg.fc84b49218f50ec42f73.jpg)}.logInForm{left:50%;margin:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.logInText{margin-top:2em;text-align:center}.logInText span a{color:#32bdf4;font-size:1.3rem;font-weight:600}@media screen and (max-width:820px){.logInForm{left:auto;margin:4em auto 0;position:static;top:auto;-webkit-transform:none;-webkit-transform:initial;transform:none}}.signup-bg{background-image:url(/task-on-appwrite/static/media/sign-up-bg.1e3382b9f751bdd7a709.jpg)}.signUpForm{left:50%;margin:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.signInText{margin-top:2em;text-align:center}.signInText span a{color:#32bdf4;font-size:1.3rem;font-weight:600}@media screen and (max-width:820px){.signUpForm{left:auto;margin:4em auto 0;position:static;top:auto;-webkit-transform:none;-webkit-transform:initial;transform:none}}.reset-bg{background-image:url(/task-on-appwrite/static/media/reset-passowrd-bg.86319565f9f808bf4778.jpg)}.background{background-position:50%;background-repeat:no-repeat;background-size:cover}.resetPasswordForm{left:50%;margin:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}@media screen and (max-width:820px){.resetPasswordForm{left:auto;margin:4em auto 0;position:static;top:auto;-webkit-transform:none;-webkit-transform:initial;transform:none}}.header{width:100%}.navbar{align-items:center;display:flex;flex-direction:row;gap:5rem;justify-content:space-between;margin-top:2em;padding:0 6%;position:relative}.logo h1{color:#32bdf4;font-size:1.8rem}.logo h1 span{color:#000}.nav{max-width:500px;width:100%}.navBlock{height:100%;position:relative;width:100%}.navBlock ul{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navBlock ul li button{background-color:#000;border:none;border-radius:.7rem;box-shadow:2px 4px 8px hsla(0,7%,6%,.584);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem}.mobile,.mobile-close{cursor:pointer;display:none}.nav ul li{font-weight:500}.navBlock ul li button a{color:#fff}@media screen and (max-width:650px){.mobile,.mobile-close{display:block}.mobile-close{right:6%}.mobile-close,.nav{position:fixed;z-index:1000}.nav{background-color:#000;bottom:0;max-width:280px;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .7s ease-in-out;width:60%}.navBlock{position:relative}.navBlock ul{flex-direction:column;gap:3em;height:100%;justify-content:center;left:50%;margin:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.responsive_nav{-webkit-transform:translateX(0);transform:translateX(0)}.navBlock ul li button{background-color:#fff}.navBlock ul li button a{color:#000}.navBlock ul li a{color:#fff}}.createCategory{position:relative;width:100%}.new{background-color:#000;border:none;border-radius:.4rem;box-shadow:0 8px 12px 3px rgba(0,0,0,.123);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:1rem}.modal{width:100%}.createCategoryModal{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:10000}.mySection{width:90%}.categoryForm{background-color:#fff;border-radius:.7rem;box-shadow:0 8px 12px 3px rgba(0,0,0,.123);padding:1rem;width:100%;z-index:1000}.categories{position:relative;width:100%}.myDefaultCategory{text-align:center;width:100%}.selectCategories{align-items:center;background-color:#000;border-radius:.4rem;box-shadow:0 8px 12px 3px rgba(0,0,0,.123);color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:.9rem;font-weight:600;justify-content:space-between;max-width:250px;padding:1rem;position:relative;width:100%}@media (hover:hover){.selectCategories:hover{opacity:.7}}.selectCategories span{cursor:pointer}.options{background-color:#fff;border-radius:.3rem;box-shadow:0 8px 12px 3px rgba(0,0,0,.123);height:200px;left:0;margin-top:3rem;max-width:250px;overflow-y:scroll;padding:1rem;width:100%;z-index:100}.options ul{align-items:center;display:flex;flex-direction:column;gap:.7rem;justify-content:center;text-align:center}.options ul h4{margin-top:4rem}.options ul h4 span{color:#32bdf4}.category{border-bottom:1px solid rgba(0,0,0,.53);display:flex;flex-direction:row;justify-content:space-between;width:100%}.category em{color:rgba(0,0,0,.605);cursor:pointer;font-size:.85rem;font-weight:600}.backdrop{background:rgba(0,0,0,.849);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:10000}.deleteModal{background-color:#fff;border-radius:.5rem;flex-direction:column;gap:1.4rem;justify-content:center;left:50%;max-width:450px;padding:2rem;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10000}.deleteActions,.deleteModal{align-items:center;display:flex;width:90%}.deleteActions{flex-direction:row;justify-content:space-between;max-width:400px}.deleteActions button{border:none;border-radius:.5rem;box-shadow:0 4px 8px 5px rgba(0,0,0,.057);cursor:pointer;font-size:.8rem;font-weight:600;max-width:150px;padding:1rem;width:100%}.cancelBtn{background-color:rgba(0,0,0,.192)}.deleteBtn{background-color:rgba(255,0,0,.589);color:#fff}@media screen and (max-width:480px){.deleteActions{flex-direction:column;gap:.7rem;justify-content:normal}}.createCard{align-items:stretch;display:flex;flex-direction:row;justify-content:space-between;margin:4rem auto 2rem;max-width:1200px;width:100%}.createForm{margin:auto}.create-bg{background-image:url(/task-on-appwrite/static/media/vector-3.be99f19e717d7699eb70.jpg);background-position:top;background-size:contain;height:100%;width:100%}.myCategoryBlock{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;position:relative;width:100%}.categoryFormBlock small{color:rgba(255,0,0,.7);font-size:.8rem;font-weight:600;text-align:center}.categoryFormBlock{width:100%}@media screen and (max-width:820px){.createForm{left:auto;margin:4em auto 0;position:static;top:auto;-webkit-transform:none;-webkit-transform:initial;transform:none}.createCard{justify-content:normal}.categoryFormBlock,.createCard,.myCategoryBlock{flex-direction:column}.myCategoryBlock{gap:.8rem}}.dashboard{width:100%}.tasksSection{margin:auto;width:90%}.intro{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:3rem auto;text-align:center;width:90%}.intro h1{font-size:2rem}.intro h1 span{color:#32bdf4}.intro p{color:rgba(0,0,0,.726);font-size:1.2rem;font-weight:500;line-height:1.6em}.intro p span{display:block}.taskText{color:#000}.schedules{color:#32bdf4}.intro p span span{display:inline;font-weight:700}.categoriesSection{gap:2rem;margin:2rem auto;padding:0 5%;width:100%}.categoriesSection,.task{display:flex;flex-direction:column;position:relative}.task{border-radius:.5rem;box-shadow:2px 4px 12px 1px rgba(0,0,0,.199);gap:.7em;margin:1em 0;padding:1rem;text-align:center;width:30%}.task h3{color:#32bdf4;font-size:1.3rem}.myDescription{color:gray;font-size:1rem;font-weight:500;margin:.5rem 0}.myDeadline{font-size:1rem;font-weight:600}.myDeadline span{color:gray;font-size:.95rem}.task button{background-color:#000;border:none;border-radius:.5rem;bottom:0;box-shadow:2px 4px 8px rgba(0,0,0,.365);margin:.5rem auto auto;max-width:150px;padding:1rem;position:relative;width:100%}.options{cursor:pointer;position:absolute;right:.4rem;top:1rem}.task button a{color:#fff;font-size:.9rem;font-weight:600}@media screen and (max-width:700px){.task{max-width:450px;width:100%}}.defaultStatement{margin:auto;text-align:center}.categoriesHandler{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:auto;width:100%}.tasks{border:2px solid rgba(0,0,0,.185);border-radius:1rem;height:100%;margin:4em auto 10rem;padding:1.5rem;position:relative;width:100%}.myStatus{font-size:.8rem;font-weight:800;margin-top:.6rem;text-align:right}.pending{color:rgba(255,0,0,.584)}.done{color:#000}.tasksList{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:5%;height:100%;margin:auto;width:100%}@media screen and (max-width:700px){.tasksList{align-items:center;flex-direction:column;gap:1rem;justify-content:center}}.profile{width:100%}.profileBody{margin:3rem auto auto;max-width:600px;padding:0 5%;width:100%}.elementBlock{word-wrap:break-word;align-items:center;border:.15rem solid #000;border-radius:.5rem;display:flex;flex-direction:row;gap:.5em;padding:1rem;word-break:break-all}.userProfile{gap:1rem}.userActions,.userProfile{display:flex;flex-direction:column}.userActions{margin-top:2rem;text-align:center}.userActions button{background-color:#000;border:none;border-radius:.7rem;box-shadow:2px 4px 8px hsla(0,7%,6%,.21);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:1em auto auto;max-width:200px;padding:1rem;width:90%}.userActions p{font-weight:500}.confirm-bg{background-image:url(/task-on-appwrite/static/media/sign-up-bg.1e3382b9f751bdd7a709.jpg)}.confirmEmailForm{left:50%;margin:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.otpInput{gap:5%;width:100%}.confirmElement{display:flex;flex-direction:column;gap:1.2rem}.otpErr{color:rgba(255,0,0,.845);font-weight:600;height:15px;text-align:right;width:100%}@media screen and (max-width:820px){.confirmEmailForm{left:auto;margin:4em auto 0;position:static;top:auto;-webkit-transform:none;-webkit-transform:initial;transform:none}}.updateCard{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:4rem 0 10rem}.updateForm{margin:auto}.updateActions button{max-width:none;width:100%}.updateActions button:nth-child(2){background-color:#fff;color:#000}.updateActions{display:flex;flex-direction:row;gap:5%}.formActions .removeBtn{background-color:rgba(255,0,0,.525)}.update-bg{background-image:url(/task-on-appwrite/static/media/vector-5.d2e3c64c0db67c83f69a.jpg);background-size:contain;height:100%;width:100%}@media screen and (max-width:780px){.updateForm{left:auto;margin:4em auto 0;position:static;top:auto;-webkit-transform:none;-webkit-transform:initial;transform:none}.updateCard{flex-direction:column;justify-content:normal;margin-bottom:2.5rem}.update-bg{margin-top:2em}.updateActions{flex-direction:column;gap:.5rem}}.signUpSuccess{align-items:center;display:flex;flex-direction:column;gap:1.5em;justify-content:center;left:50%;margin:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.signUpSuccess span a{color:#32bdf4;font-size:1.3rem;font-weight:600}.resetForm{left:50%;margin:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}@media screen and (max-width:820px){.resetForm{left:auto;margin:4em auto 0;position:static;top:auto;-webkit-transform:none;-webkit-transform:initial;transform:none}}.dynamicEmail{color:gray;font-size:1.3rem;font-weight:600}.myBg,.mySuccessBlock{width:100%}.myBg{height:100vh}.logOutSuccess{align-items:center;display:flex;flex-direction:column;gap:1.5em;justify-content:center;left:50%;margin:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.logOutSuccess span a{color:#32bdf4;font-size:1.3rem;font-weight:600}@media screen and (max-width:780px){.myBg{background-position:0 0,100% 100%}}@media screen and (max-width:500px){.myBg{background-size:55%,55%}}
/*# sourceMappingURL=main.719c3d89.css.map*/