@import"https://fonts.googleapis.com/css2?family=Secular+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@400;500&family=Lexend&family=Sen:wght@700&family=Staatliches&family=Viga&display=swap";@import"https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html,body{box-sizing:border-box;font-size:62.5%;background:var(--greyLight-1);height:100vh}@media screen and (min-width: 900px){html,body{font-size:75%}}html::-webkit-scrollbar,body::-webkit-scrollbar{width:5px;height:5px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--primary-light)}.container{height:fit-content;padding:1rem;display:flex;overflow:hidden;flex-direction:column;justify-content:flex-start;align-items:center;font-family:Poppins,sans-serif;background:var(--greyLight-1)}.navbar{width:80rem;height:fit-content;border-radius:3rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white);padding:1rem;margin-bottom:3rem;display:flex;flex-direction:row;justify-content:space-between;transition:all .3s cubic-bezier(.23,1,.32,1)}@media screen and (max-width: 750px){.navbar{width:65rem}}@media screen and (max-width: 600px){.navbar{width:60rem}}@media screen and (max-width: 500px){.navbar{width:45rem}}@media screen and (max-width: 400px){.navbar{width:40rem}}@media screen and (max-width: 330px){.navbar{width:30rem}}.icon{display:flex;justify-content:space-between;transition:all .3s cubic-bezier(.23,1,.32,1)}.icon__account,.icon__home{width:4rem;height:4rem;border-radius:50%;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);display:flex;justify-content:center;align-items:center;font-size:2rem;cursor:pointer;color:var(--greyDark);transition:all .5s ease}.icon__account:active,.icon__home:active{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);color:var(--primary)}.icon__account:hover,.icon__home:hover{color:var(--primary)}.icon__title{width:30rem;height:4rem;border-radius:50px;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;cursor:pointer;color:var(--primary);transition:all .5s ease;user-select:none}@media screen and (max-width: 500px){.icon__title{width:20rem}}@media screen and (max-width: 330px){.icon__title{width:15rem}}.icon__title:hover{color:var(--greyDark)}.task_components{width:80rem;height:60rem;min-height:40rem;border-radius:3rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white);border:solid 2px white;display:flex;flex-direction:row;justify-content:center;align-items:flex-start}@media screen and (max-width: 750px){.task_components{width:65rem;padding:3rem;grid-column-gap:3rem}}@media screen and (max-width: 600px){.task_components{width:60rem;grid-column-gap:2rem}}@media screen and (max-width: 500px){.task_components{width:45rem;display:flex;flex-direction:column;align-items:center}}@media screen and (max-width: 400px){.task_components{width:40rem;display:flex;flex-direction:column;align-items:center}}@media screen and (max-width: 330px){.task_components{width:30rem;display:flex;flex-direction:column;align-items:center}}.task_components .rightDiv{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem 0;width:30rem;height:fit-content;min-height:40rem;border-top-right-radius:3rem;border-bottom-right-radius:3rem;color:var(--greyDark)}.task_components .rightDiv .dropSelect{width:fit-content;margin:15px;border:solid;border-radius:10px}.task_components .rightDiv .dropSelect select{padding:5px;border:none;border-radius:10px}.task_components .rightDiv .allTask{width:100%;height:50rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:scroll}.task_components .rightDiv .allTask::-webkit-scrollbar{width:5px;height:5px}.task_components .rightDiv .allTask::-webkit-scrollbar-thumb{background:var(--primary-light)}.task_components .rightDiv .taskItem{border:solid;width:25rem;height:fit-content;border-radius:1rem;margin-top:2rem;padding-bottom:.5rem;justify-self:center;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);user-select:none;cursor:pointer;transition:.3s ease;transition:all .3s cubic-bezier(.23,1,.32,1)}@media screen and (max-width: 750px){.task_components .rightDiv .taskItem{width:15rem}}@media screen and (max-width: 500px){.task_components .rightDiv .taskItem{width:18rem}}.task_components .rightDiv .taskItem__secondary{color:var(--greyDark)}.task_components .rightDiv .taskItem__secondary .cross{display:flex;justify-content:flex-end;align-items:flex-start;width:100%;height:.5rem;z-index:1;padding:.5rem .5rem .8rem 0;transition:all .3s cubic-bezier(.23,1,.32,1)}.task_components .rightDiv .taskItem__secondary .cross .doneButton{width:2.1rem;height:2.1rem;display:flex;justify-content:center;align-items:center;margin-right:.5rem;border-radius:50%;background:#e4ebf5;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);cursor:pointer;transition:all .5s ease}.task_components .rightDiv .taskItem__secondary .cross .doneButton:hover .x,.task_components .rightDiv .taskItem__secondary .cross .doneButton:hover .y{background:rgb(51,255,0)}.task_components .rightDiv .taskItem__secondary .cross .doneButton:active{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.task_components .rightDiv .taskItem__secondary .cross .doneButton:active .x,.task_components .rightDiv .taskItem__secondary .cross .doneButton:active .y{background:rgb(29,176,0)}.task_components .rightDiv .taskItem__secondary .cross .doneButton .x{width:6px;height:1.85px;position:absolute;transform:rotate(45deg);margin-top:5.2px;margin-right:7px;border-radius:5px;background:rgb(170,222,157)}.task_components .rightDiv .taskItem__secondary .cross .doneButton .y{width:13px;height:1.85px;transform:rotate(-45deg);margin-left:4px;border-radius:5px;background:rgb(170,222,157)}.task_components .rightDiv .taskItem__secondary .cross .crossButton{width:2.1rem;height:2.1rem;background:#e4ebf5;border-radius:50%;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);display:flex;justify-content:center;align-items:center;font-size:2rem;cursor:pointer;color:#ecbbbb;transition:all .5s ease}.task_components .rightDiv .taskItem__secondary .cross .crossButton:hover{color:red}.task_components .rightDiv .taskItem__secondary .cross .crossButton:active{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);color:#b00000}.task_components .rightDiv .taskItem__secondary .text{padding:1rem;display:flex;flex-direction:column;justify-content:flex-start}.task_components .rightDiv .taskItem__secondary .text h2{width:100%;margin-top:1rem;font-size:1.4rem;margin-bottom:1rem;color:var(--primary)}.task_components .rightDiv .taskItem__secondary .text p{font-size:1.2rem;color:var(--greyDark-2)}.task_components .rightDiv .taskItem__secondary:hover{transform:translateY(-3px)}.task_components .rightDiv .taskItem__secondary:hover h2{color:#9286fd}.task_components .rightDiv .taskItem__secondary:hover p{color:#9baacf}.task_components .right_left{height:100%;min-height:40rem;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:3rem;color:var(--greyDark);margin-bottom:1.2rem;transition:all .3s cubic-bezier(.23,1,.32,1);transform:rotate(-90deg)}.task_components .right_left:hover{transform:translate(-3px) rotate(-90deg)}.task_components .right_left:active{transform:translate(3px) rotate(-90deg)}.task_components .leftDiv{padding:2rem;width:50rem;height:100%;min-height:40rem;border-top-left-radius:3rem;border-bottom-left-radius:3rem;color:var(--greyDark);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.task_components .leftDiv h1{width:100%;font-size:2rem;margin-bottom:3rem;margin-top:2rem;text-align:center;color:var(--primary)}.task_components .leftDiv .addTask{justify-self:center;width:30rem;height:12rem;min-height:3.5rem;border:solid;margin-bottom:2.5rem;border-radius:12px;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;user-select:none;cursor:pointer;transition:.3s ease;transition:all .3s cubic-bezier(.23,1,.32,1)}@media screen and (max-width: 750px){.task_components .leftDiv .addTask{width:15rem}}@media screen and (max-width: 600px){.task_components .leftDiv .addTask{width:15rem}}@media screen and (max-width: 500px){.task_components .leftDiv .addTask{width:18rem}}@media screen and (max-width: 400px){.task_components .leftDiv .addTask{width:18rem}}@media screen and (max-width: 330px){.task_components .leftDiv .addTask{width:18rem}}.task_components .leftDiv .addTask__secondary{color:var(--greyDark)}.task_components .leftDiv .addTask__secondary form{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:10px;transition:all .3s cubic-bezier(.23,1,.32,1)}.task_components .leftDiv .addTask__secondary form .inputdiv{width:80%;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:normal;justify-content:center;align-items:flex-end;border-bottom-left-radius:10px;border-top-left-radius:10px;height:100%}.task_components .leftDiv .addTask__secondary form .inputdiv .inputs1{width:100%;resize:none;border-top-left-radius:10px;padding:5px;background:var(--greyLight-1);border:none;border-bottom:var(--greyLight-2) 1px solid;font-size:1.2rem}.task_components .leftDiv .addTask__secondary form .inputdiv .inputs1::-webkit-scrollbar{width:5px}.task_components .leftDiv .addTask__secondary form .inputdiv .inputs1::-webkit-scrollbar-thumb{background:var(--primary-light)}.task_components .leftDiv .addTask__secondary form .inputdiv .inputs1:focus{outline:none}.task_components .leftDiv .addTask__secondary form .inputdiv .inputs2{width:100%;font-size:1.2rem;resize:none;border-bottom-left-radius:10px;padding:5px;background:var(--greyLight-1);border:none}.task_components .leftDiv .addTask__secondary form .inputdiv .inputs2::-webkit-scrollbar{width:5px}.task_components .leftDiv .addTask__secondary form .inputdiv .inputs2::-webkit-scrollbar-thumb{background:var(--primary-light)}.task_components .leftDiv .addTask__secondary form .inputdiv .inputs2:focus{outline:none}.task_components .leftDiv .addTask__secondary form button{padding:1px;width:21%;min-height:100%;border:none;font-size:2rem;font-weight:700;border-bottom-right-radius:10px;border-top-right-radius:10px;background:#c8d0e7;box-shadow:-5px 0 5px #ffffff71;transition:all .3s cubic-bezier(.23,1,.32,1)}.task_components .leftDiv .addTask__secondary form button:hover{background:#dfdbff;transform:translateY(-.5px)}.task_components .leftDiv .addTask__secondary form button:active{color:var(--primary);transform:translateY(.5px)}.task_components .leftDiv .addTask__secondary:hover{box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);transform:translateY(-3px)}.task_components .leftDiv .addTask__secondary:active{transform:translateY(.5px);box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.task_components .leftDiv .taskStatus{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:50%}.task_components .leftDiv .taskStatus p{margin:1rem}.task_components .leftDiv .taskStatus .statusLeft,.task_components .leftDiv .taskStatus .statusRight{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;font-size:2rem;font-weight:700}.homeBody{width:75rem;height:fit-content;padding:4rem;display:flex;flex-direction:column;align-items:center;border-radius:20px;box-shadow:inset .8rem .8rem 1.4rem var(--greyLight-2),inset -.2rem -.2rem 1.8rem var(--white);font-size:2rem;font-weight:700;color:var(--primary);transition:all .5s ease;user-select:none}@media screen and (max-width: 750px){.homeBody{width:60rem}}@media screen and (max-width: 600px){.homeBody{width:50rem}}@media screen and (max-width: 500px){.homeBody{width:45rem;height:660px}}@media screen and (max-width: 400px){.homeBody{padding:2.4rem;height:660px;width:380px}}@media screen and (max-width: 330px){.homeBody{padding:2rem;height:560px;width:300px}}.homeBody .hero{margin-bottom:4rem}.homeBody .hero h1{height:fit-content;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:4rem;color:var(--greyDark-2);animation-name:text-anim;animation-duration:4s;transform:translateY(0);font-family:Sen,sans-serif}@media screen and (max-width: 500px){.homeBody .hero h1{font-size:2.8rem;margin-bottom:3rem}}@media screen and (max-width: 400px){.homeBody .hero h1{font-size:2.5rem}}@media screen and (max-width: 330px){.homeBody .hero h1{font-size:2.3rem}}.homeBody .hero .git{text-decoration:none;color:#737d97;transition:all .3s cubic-bezier(.23,1,.32,1)}.homeBody .hero .git:hover{color:#9baacf;transform:translateY(-1px)}.homeBody .hero .git:active{color:#9286fd;transform:translateY(0)}.homeBody .hero p{padding-right:16rem;font-size:1.5rem;color:#919cb8;font-family:Sen,sans-serif}@media screen and (max-width: 500px){.homeBody .hero p{font-size:1.3rem;padding-right:20rem}}@media screen and (max-width: 400px){.homeBody .hero p{font-size:1.3rem;padding-right:18rem}}@media screen and (max-width: 330px){.homeBody .hero p{font-size:1rem;padding-right:15rem}}.homeBody .heroBody{width:100%;display:flex;flex-direction:row}@media screen and (max-width: 500px){.homeBody .heroBody{padding-top:0rem;margin-top:5rem;position:absolute;display:flex;flex-direction:column-reverse;align-items:flex-end;height:auto}}@media screen and (max-width: 400px){.homeBody .heroBody{padding-top:0rem;margin-top:3rem;position:absolute;display:flex;flex-direction:column-reverse;align-items:flex-end;height:auto}}.homeBody .heroBody .start{width:fit-content;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 750px){.homeBody .heroBody .start{flex-direction:column;width:100%}}@media screen and (max-width: 500px){.homeBody .heroBody .start{width:100%}}@media screen and (max-width: 400px){.homeBody .heroBody .start{margin-right:1rem}}@media screen and (max-width: 330px){.homeBody .heroBody .start{margin-right:0;margin-top:0;width:100%;padding:0 2rem}}.homeBody .heroBody .start p{font-size:1.5rem;color:#919cb8;font-family:Sen,sans-serif;margin:2rem;margin-left:0}.homeBody .heroBody .start p:last-child{padding-left:2rem;text-align:right}@media screen and (max-width: 750px){.homeBody .heroBody .start p:last-child{margin:2rem 1rem 0 0}}@media screen and (max-width: 500px){.homeBody .heroBody .start p:last-child{font-size:1.3rem;position:absolute;margin-top:6rem;padding-left:20rem;padding-right:3rem}}@media screen and (max-width: 400px){.homeBody .heroBody .start p:last-child{font-size:1.3rem;position:absolute;margin-top:9rem;padding-left:16rem;padding-right:0rem}}@media screen and (max-width: 330px){.homeBody .heroBody .start p:last-child{font-size:1rem;position:absolute;margin-top:5rem;padding-left:15rem;padding-right:1rem}}@media screen and (max-width: 750px){.homeBody .heroBody .start p{margin-right:2rem}}@media screen and (max-width: 500px){.homeBody .heroBody .start p{font-size:1.3rem}}@media screen and (max-width: 400px){.homeBody .heroBody .start p{font-size:1.3rem;margin-top:4rem;margin-left:5rem}}@media screen and (max-width: 330px){.homeBody .heroBody .start p{font-size:1.2rem;margin-top:0;padding-left:1rem}}.homeBody .heroBody .start .startBtn{display:flex;justify-content:space-between;padding-right:25rem;margin:3rem;z-index:1;transition:all .3s cubic-bezier(.23,1,.32,1)}@media screen and (max-width: 750px){.homeBody .heroBody .start .startBtn{padding:0}}@media screen and (max-width: 500px){.homeBody .heroBody .start .startBtn{padding-right:25rem;margin:0}}@media screen and (max-width: 400px){.homeBody .heroBody .start .startBtn{padding-right:18rem;margin:1rem}}@media screen and (max-width: 330px){.homeBody .heroBody .start .startBtn{padding-right:15rem;margin:1rem}}.homeBody .heroBody .start .startBtn .add{font-weight:bolder;width:10rem;height:10rem;border-radius:100%;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;cursor:pointer;color:var(--primary);transition:all .5s ease;user-select:none;transition:all .3s cubic-bezier(.23,1,.32,1)}.homeBody .heroBody .start .startBtn .add .a{width:5rem;height:1rem;border-radius:50px;background:var(--primary);transition:all .3s cubic-bezier(.23,1,.32,1)}.homeBody .heroBody .start .startBtn .add .b{width:1rem;height:5rem;border-radius:50px;background:var(--primary);position:absolute;transition:all .3s cubic-bezier(.23,1,.32,1)}.homeBody .heroBody .start .startBtn .add:hover{transform:translateY(-5px)}.homeBody .heroBody .start .startBtn .add:hover .a,.homeBody .heroBody .start .startBtn .add:hover .b{background:var(--greyDark)}.homeBody .heroBody .start .startBtn .add:active{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);transform:translateY(0)}.homeBody .heroBody .start .startBtn .add:active .a,.homeBody .heroBody .start .startBtn .add:active .b{background:var(--greyDark-2)}.homeBody .heroBody .demo{display:flex}@media screen and (max-width: 750px){.homeBody .heroBody .demo{width:50%}}@media screen and (max-width: 500px){.homeBody .heroBody .demo{height:32rem}}@media screen and (max-width: 400px){.homeBody .heroBody .demo{height:30rem}}.homeBody .heroBody .demo .demoTaskCard{justify-self:center;width:20rem;height:fit-content;padding:1rem 1rem 4rem;border-radius:1rem;border-bottom-left-radius:50px;border-bottom-right-radius:50px;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);display:flex;flex-direction:column;justify-content:space-around;align-items:center;user-select:none;cursor:pointer;transition:.3s ease;transition:all .3s cubic-bezier(.23,1,.32,1)}@media screen and (max-width: 500px){.homeBody .heroBody .demo .demoTaskCard{width:19rem;padding-bottom:1rem;margin-top:1.6rem}}@media screen and (max-width: 400px){.homeBody .heroBody .demo .demoTaskCard{width:18rem;padding-bottom:1rem;margin-top:3rem}}@media screen and (max-width: 330px){.homeBody .heroBody .demo .demoTaskCard{width:14rem;padding-bottom:1rem;margin-top:2.5rem}}.homeBody .heroBody .demo .demoTaskCard__secondary{color:var(--greyDark)}.homeBody .heroBody .demo .demoTaskCard__secondary h1{width:100%;font-size:1.8rem;margin-bottom:2rem;margin-top:1rem;text-align:center;color:var(--primary)}@media screen and (max-width: 500px){.homeBody .heroBody .demo .demoTaskCard__secondary h1{font-size:1.5rem;margin-bottom:1.5rem;margin-top:.5rem}}@media screen and (max-width: 400px){.homeBody .heroBody .demo .demoTaskCard__secondary h1{font-size:1.5rem;margin-bottom:1.5rem;margin-top:.5rem}}@media screen and (max-width: 330px){.homeBody .heroBody .demo .demoTaskCard__secondary h1{font-size:1.2rem;margin-bottom:1rem;margin-top:0rem}}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask{justify-self:center;width:18rem;height:100%;min-height:3.5rem;border:solid;margin-bottom:2.5rem;border-radius:12px;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;user-select:none;cursor:pointer;transition:.3s ease;transition:all .3s cubic-bezier(.23,1,.32,1)}@media screen and (max-width: 500px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask{width:16rem;height:100%;min-height:3rem}}@media screen and (max-width: 400px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask{width:15rem;height:100%;min-height:3rem}}@media screen and (max-width: 330px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask{width:12rem;height:100%;min-height:2.5rem;border:solid 1.5px}}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary{color:var(--greyDark)}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:10px;transition:all .3s cubic-bezier(.23,1,.32,1)}@media screen and (max-width: 500px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form{width:100%;height:7rem;min-height:3rem}}@media screen and (max-width: 400px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form{width:100%;height:7rem;min-height:3rem}}@media screen and (max-width: 330px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form{width:100%;height:5rem;min-height:3rem}}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div{width:80%;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:normal;justify-content:center;align-items:flex-end;border-bottom-left-radius:10px;border-top-left-radius:10px}@media screen and (max-width: 500px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div{height:7rem}}@media screen and (max-width: 400px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div{height:6rem}}@media screen and (max-width: 330px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div{height:5rem}}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div .inputs1{width:100%;height:auto;resize:none;border-top-left-radius:10px;padding:5px;background:var(--greyLight-1);border:none;border-bottom:var(--greyLight-2) 1px solid}@media screen and (max-width: 400px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div .inputs1{font-size:1.2rem}}@media screen and (max-width: 330px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div .inputs1{font-size:1rem}}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div .inputs1::-webkit-scrollbar{width:5px}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div .inputs1::-webkit-scrollbar-thumb{background:var(--primary-light)}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div .inputs1:focus{outline:none}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div .inputs2{width:100%;height:auto;resize:none;border-bottom-left-radius:10px;padding:5px;background:var(--greyLight-1);border:none}@media screen and (max-width: 400px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div .inputs2{font-size:1.2rem}}@media screen and (max-width: 330px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div .inputs2{font-size:1rem}}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div .inputs2::-webkit-scrollbar{width:5px}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div .inputs2::-webkit-scrollbar-thumb{background:var(--primary-light)}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form div .inputs2:focus{outline:none}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form button{padding:1px;width:21%;min-height:100px;border:none;font-size:2rem;font-weight:700;border-bottom-right-radius:10px;border-top-right-radius:10px;background:#c8d0e7;box-shadow:-5px 0 5px #ffffff71;transition:all .3s cubic-bezier(.23,1,.32,1)}@media screen and (max-width: 500px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form button{min-height:70px}}@media screen and (max-width: 400px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form button{min-height:70px}}@media screen and (max-width: 330px){.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form button{min-height:50px}}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form button:hover{background:#dfdbff;transform:translateY(-.5px)}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary form button:active{color:var(--primary);transform:translateY(.5px)}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary:hover{box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);transform:translateY(-3px)}.homeBody .heroBody .demo .demoTaskCard__secondary .addDemoTask__secondary:active{transform:translateY(.5px);box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem{width:18rem;height:fit-content;min-height:3.5rem;border-radius:1rem;margin-bottom:2rem;justify-self:center;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);user-select:none;cursor:pointer;transition:.3s ease;transition:all .3s cubic-bezier(.23,1,.32,1)}@media screen and (max-width: 500px){.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem{height:6rem;width:15.5rem}}@media screen and (max-width: 400px){.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem{height:5rem;width:14.5rem}}@media screen and (max-width: 330px){.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem{height:4.5rem;width:12rem}}.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary{color:var(--greyDark)}.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .cross{display:flex;justify-content:flex-end;align-items:flex-start;width:100%;height:.5rem;transition:all .3s cubic-bezier(.23,1,.32,1)}@media screen and (max-width: 500px){.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .cross{height:0rem}}.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .cross .crossButton{width:2.1rem;height:2.1rem;background:#E4EBF5;border-radius:50%;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);display:flex;justify-content:center;align-items:center;font-size:2rem;cursor:pointer;color:#ecbbbb;transition:all .5s ease}.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .cross .crossButton:hover{color:red}.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .cross .crossButton:active{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);color:#b00000}.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .text{padding:1rem;display:flex;flex-direction:column;justify-content:flex-start}@media screen and (max-width: 400px){.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .text{padding:.5rem .8rem}}.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .text h2{width:100%;font-size:1.2rem;margin-bottom:1rem;color:var(--primary)}@media screen and (max-width: 500px){.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .text h2{font-size:1rem;margin-bottom:.7rem}}@media screen and (max-width: 400px){.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .text h2{font-size:1rem;margin-bottom:.7rem}}@media screen and (max-width: 330px){.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .text h2{font-size:.8rem;margin-bottom:.5rem}}.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .text p{font-size:1rem;color:var(--greyDark-2)}@media screen and (max-width: 500px){.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .text p{font-size:.8rem}}@media screen and (max-width: 400px){.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .text p{font-size:.8rem}}@media screen and (max-width: 330px){.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary .text p{font-size:.6rem}}.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary:hover{transform:translateY(-3px)}.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary:hover h2{color:#9286fd}.homeBody .heroBody .demo .demoTaskCard__secondary .taskItem__secondary:hover p{color:#9baacf}.homeBody .heroBody .demo .demoTaskCard__secondary:hover{transform:translateY(-10px)}.homeBody .heroBody .demo .demoTaskCard__secondary:hover h1{color:#9286fd}.homeBody .heroBody .demo .demoTaskCard__secondary:hover p{color:#9baacf}:root{--primary-light: #8abdff;--primary: #6d5dfc;--primary-dark: #5b0eeb;--white: #FFFFFF;--greyLight-1: #E4EBF5;--greyLight-2: #c8d0e7;--greyLight-3: #bec8e4;--greyDark: #9baacf;--greyDark-2: #737d97}.proComponent{width:80rem;height:fit-content;margin-bottom:2rem;border-radius:3rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white);padding:4rem;padding-bottom:0;padding-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 750px){.proComponent{width:65rem;padding:2rem;padding-bottom:0;padding-top:2rem}}@media screen and (max-width: 600px){.proComponent{width:60rem;padding:2rem;padding-bottom:0;padding-top:2rem}}@media screen and (max-width: 500px){.proComponent{width:45rem;padding:2rem;padding-bottom:0;padding-top:2rem}}@media screen and (max-width: 400px){.proComponent{width:40rem;padding:2rem;padding-bottom:0;padding-top:2rem}}@media screen and (max-width: 330px){.proComponent{width:30rem;padding:2rem;padding-bottom:0;padding-top:2rem}}.proComponent .componentHeader{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch}.proComponent .componentHeader .proHeading{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);height:fit-content;width:fit-content;padding:1rem 2rem;font-size:1.8rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50px;letter-spacing:3px;color:var(--greyDark)}@media screen and (max-width: 400px){.proComponent .componentHeader .proHeading{font-size:1.5rem;padding:1rem 1.5rem}}.proComponent .componentHeader .empty{width:60%}.proComponent .componentHeader .edit{border-radius:50%;background:#719ff3;height:4.2rem;width:4.2rem;font-size:2rem;color:#71a9f3;margin-right:1rem;display:flex;justify-content:center;align-items:center;box-shadow:inset .2rem .2rem 1rem var(--primary-light),inset -.2rem -.2rem 1rem var(--primary-dark),.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);color:var(--greyLight-1)}.proComponent .componentHeader .edit:hover{color:var(--white)}.proComponent .componentHeader .edit:active{color:#5b0eeb;box-shadow:inset .2rem .2rem 1rem var(--primary-dark),inset -.2rem -.2rem 1rem var(--primary-light)}.proComponent .componentHeader .logOut{border-radius:50%;background:#f37171;height:2.5rem;width:2.5rem;font-size:1.5rem;display:flex;justify-content:center;align-items:center;box-shadow:inset .2rem .2rem .7rem #ffa2a2,inset -.2rem -.2rem .7rem #ca1010,.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);color:var(--greyLight-1)}.proComponent .componentHeader .logOut:hover{color:var(--white)}.proComponent .componentHeader .logOut:active{color:#a20000;box-shadow:inset .2rem .2rem 1rem #ca1010,inset -.2rem -.2rem 1rem #ffa2a2}.profile{justify-self:center;width:100%;height:fit-content;min-height:3.5rem;padding:1rem 1rem 3rem;margin-top:2rem;display:flex;flex-direction:row;user-select:none;transition:.3s ease;color:var(--greyDark);font-family:Sen,sans-serif}@media screen and (max-width: 400px){.profile{margin-top:0;display:flex;flex-direction:column;align-items:center;text-align:center}}.profile .profileImage{border:solid 4px var(--greyDark-2);width:fit-content;height:fit-content;background:#ffffff;background-image:url(https://media.giphy.com/media/mBvUaCuDPEXNnIk2NK/giphy.gif);background-repeat:no-repeat;background-size:cover;width:8rem;height:8rem;border-radius:50%;filter:brightness(150%);box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white)}@media screen and (max-width: 400px){.profile .profileImage{margin-bottom:2rem}}.profile .profileDetails{height:5rem;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;margin:0 0 0 3rem}@media screen and (max-width: 400px){.profile .profileDetails{margin:0;display:flex;flex-direction:column;justify-content:space-around;align-items:center}}.profile .profileDetails p:first-child{font-size:1.5rem;color:var(--greyDark-2);transition:all .3s cubic-bezier(.23,1,.32,1)}.profile .profileDetails p:first-child:hover{color:#9286fd;transform:translate(-3px)}@media screen and (max-width: 400px){.profile .profileDetails p:first-child{height:0;font-size:2.5rem;margin-bottom:4rem}}.profile .profileDetails p:last-child{font-size:1.2rem;color:var(--greyDark-2);transition:all .3s cubic-bezier(.23,1,.32,1)}.profile .profileDetails p:last-child:hover{color:#9286fd;transform:translate(-3px)}.profile .profileDetails .taskStat{display:flex;flex-direction:row;align-items:center;width:30rem}@media screen and (max-width: 750px){.profile .profileDetails .taskStat{width:22.5rem}}@media screen and (max-width: 500px){.profile .profileDetails .taskStat{display:none}}@media screen and (max-width: 400px){.profile .profileDetails .taskStat{display:flex;align-items:flex-start;height:1rem}}.profile .profileDetails .taskStat div{height:.6rem}@media screen and (max-width: 400px){.profile .profileDetails .taskStat div{height:1.2rem}}.profile .profileDetails .taskStat p{font-size:1.2rem;color:var(--greyDark-2);margin-right:1.5rem;margin-left:1.5rem}@media screen and (max-width: 400px){.profile .profileDetails .taskStat p{align-items:flex-start;padding-bottom:1rem}}.up_down{display:flex;flex-direction:column;font-size:3rem;color:var(--greyDark);margin-bottom:1.2rem;transition:all .3s cubic-bezier(.23,1,.32,1)}.up_down:hover{transform:translateY(-3px)}.up_down:active{transform:translateY(3px)}.main{font-family:Lexend Deca,sans-serif;margin:0;padding:50px;height:fit-content;width:fit-content}.form{display:flex;flex-direction:column;height:fit-content;width:fit-content}.signUp{display:flex;flex-direction:column;justify-content:space-around;padding:35px;margin-top:20px;height:fit-content;width:fit-content;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white);border-radius:20px}.signUp h1{margin-bottom:2rem}.logIn{border-radius:20px;display:flex;flex-direction:column;justify-content:space-around;padding:35px;margin-top:20px;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white);height:fit-content;width:fit-content}.logIn h1{margin-bottom:2rem}.chooseBtn{border:none;text-decoration:none;background:none;margin-top:20px;color:#575e69;user-select:none;cursor:pointer}.submitBtn{margin-top:20px;height:35px;width:82px;margin-left:168px;right:2px;background:rgb(211,211,211);border-radius:10px;border:2px solid rgb(255,255,255);box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);user-select:none;transition:.15s cubic-bezier(.65,-.03,.41,1.1);cursor:pointer}.submitBtn:hover{transform:translateY(-.5px)}.submitBtn:active{background:#a8a6b5;transform:translateY(2px);box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white)}label{margin-top:20px;margin-bottom:5px}input{margin-top:5px;height:35px;width:100%;border-radius:10px;border:none;padding-left:10px;padding-right:10px;border:1.5px solid rgba(168,166,181,0);box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);transition:.15s cubic-bezier(.65,-.03,.41,1.1)}input:focus{box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white);outline:none;border:1.5px solid #dbd5e1}.password{display:flex;justify-content:space-between;width:fit-content;height:fit-content;transition:all .3s cubic-bezier(.23,1,.32,1)}.password__eye{display:flex;justify-content:flex-end;align-items:center;font-size:1.7rem;cursor:pointer;color:var(--greyDark);transition:all .5s ease}.password__eye .passInput{height:35px;width:100%;border-radius:10px;border:none;padding-left:10px;padding-right:35px;border:1.5px solid rgba(168,166,181,0);box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);transition:.15s cubic-bezier(.65,-.03,.41,1.1)}.password__eye .passInput:focus{box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white);outline:none;border:1.5px solid #dbd5e1}