body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;font-family:inherit;letter-spacing:1px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:8px}::-webkit-scrollbar-thumb{border-radius:8px;background:transparent}::-webkit-scrollbar-thumb:window-inactive{background:transparent}.Background{width:100%;height:100vh;background-image:linear-gradient(120deg,#fdfbf9 10%,#8b89fc);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}.Welcome{width:20%;padding:1.5rem;display:flex;flex-direction:row;transition:all .5s ease-in-out}@media (max-width:1500px){.Welcome{width:80%;padding:2rem}}.Image{width:60%;height:80%;background-size:1000px 850px;background-image:url(/static/media/undraw_working_late_pukg.6aa38b49.svg);background-repeat:no-repeat}@media (max-width:700px){.Image{display:none}}.Main{flex:1 1}input{outline:none}.LoginForm{width:100%}.SpinnerContainer{width:100%;text-align:center}.Title{text-align:center}.ButtonGroup{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px}Button{display:block;margin-top:5px;width:50%;border-radius:50px;height:10%}.LoginButton{height:3rem;border:.4px solid #d2d3c9;border-radius:50px;font-size:larger;font-weight:400;background-color:#5995fd;transition:.2s linear}.LoginButton:hover{border:none;background-color:#3260ad;transform:scale(1.02);color:#fff}.RegisterButton{height:3rem;border:.4px solid #d2d3c9;border-radius:50px;font-size:larger;font-weight:400;background-color:#5995fd;transition:.2s ease-in-out}.RegisterButton:hover{color:#fff;background-color:#3260ad;transform:scale(1.02)}.Spinner{display:inline-block;position:relative;width:80px;height:80px}.Spinner div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#efb960;animation-timing-function:cubic-bezier(0,1,1,0)}.Spinner div:first-child{left:8px;animation:lds-ellipsis1 .6s infinite}.Spinner div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.Spinner div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.Spinner div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.WorkPlace{width:100%;display:inline-flex;flex-direction:row;overflow-x:hidden}.ActionArea{flex:5 1;display:flex;flex-direction:column}.Date{justify-content:center;margin-left:50%}#date{font-size:large;font-family:"pointer",cursive}.simple_content{font-weight:700;font-size:xx-large}.AddIcon,.ShareIcon{padding-left:5%}.SideBar{flex:1 1;background-color:#5995fd;display:flex;flex-direction:column;padding-bottom:2rem;color:#000}@media(max-width:650px){.SideBar{display:none}}.Item{display:flex;padding:.3rem;align-items:center;justify-content:space-between;width:65%;margin:1.5rem auto 0;transition:.5s cubic-bezier(.075,.82,.165,1)}.Item:hover{cursor:pointer;transform:scale(1.1);background-color:#4a1e53;border-radius:50px}.Label{color:#644242;font-size:x-large;font-weight:100}.Label:hover{font-weight:800;color:#f1d1f1}.Number{font-size:large}.Icon{font-size:x-large}.MainDisplay{width:100%;background-color:#fff;display:flex;flex-direction:column;height:100vh;margin-top:3.3rem;padding:20px 3px;overflow-y:scroll}.TaskListArea{padding-right:5px;padding-left:0}.row{width:100%;padding:0;text-align:center;height:100%}.col-lg-3{display:inline-block;margin:30px}.MainDisplay:hover::-webkit-scrollbar-thumb{background-color:#d4d9d7}.MainDisplay:hover::-webkit-scrollbar{width:5px}.TaskListOption{width:200px;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.TaskListOption:hover{cursor:pointer}.AddToDo{display:inline-flex;border-radius:50px;background-color:#5995fd;width:90px;padding-left:5%;transition:.5s cubic-bezier(.075,.82,.165,1)}.AddToDo:hover{font-weight:600;color:#e6e0e0;transform:scale(1.1);background-color:#113e8d}.ShareToDo{margin-top:1rem;display:inline-flex;border-radius:50px;background-color:#5995fd;width:90px;padding-left:5%;transition:.5s cubic-bezier(.075,.82,.165,1)}.ShareToDo:hover{font-weight:600;color:#e6e0e0;transform:scale(1.1);background-color:#113e8d}.AddIcon{margin-top:.4rem}.ShareIcon{margin-top:.5rem}.TaskListMain{box-shadow:3px 3px 5px 6px #ccc;border-radius:8px;width:100%;height:300px;max-height:400px;padding:20px 20px 50px;font-weight:400}h6{font-family:inherit;color:red}.TaskListMain h2{font-family:inherit;font-weight:400;letter-spacing:0}.TodosMain{height:200px;overflow:scroll;transition:.2s ease}.TaskListMainName,.TaskListMainNameIcon{display:flex;justify-content:space-between}.TaskListMainNameIcon{width:30px;font-size:.8rem;align-items:center;color:transparent}.TodosMain:hover::-webkit-scrollbar-thumb{background-color:#d4d9d7}.TaskListMainNameIcon:hover{cursor:pointer}.TaskListMainName:hover .TaskListMainNameIcon{color:#000}.DeleteBtn:hover{cursor:pointer}.TaskListMainName input{background-color:#fff}.TaskListMainName input,.TaskListMainName input:hover{padding:5px;height:15px;color:#000;border:none;border-radius:50px}.TaskListMainName input:hover{background-color:#e6cccc}.checkIcon:hover{color:green}.toolsIcon:hover{color:#5995fd}.TodoMain{flex-direction:row;margin:0;padding:0}.TodoMain,.TodoMainIcon{display:flex;align-items:center}.TodoMainIcon{margin-left:auto;font-size:.8rem;width:40px;height:50px;justify-content:space-between;color:transparent}.TodoMain:hover .TodoMainIcon{color:#000}.TodoMainCheckbox{display:flex;align-items:center;justify-content:space-around}.TodoMainCheckbox:hover{cursor:pointer;transform:scale(1.02);overflow-y:scroll}.TodoMainCheckbox input[type=text]{padding:5px;height:15px;background-color:#ebebeb;color:#000;border-radius:50px;border-bottom:none}.TodoMainCheckbox input:hover{background-color:#ebebeb}.crossed-line{text-decoration:line-through}.TodoMain:hover{background-color:#ebebeb;color:#000;border-radius:50px;border:none}.editIcon:hover{color:#5995fd}.cancelIcon:hover{color:#fa0808}.timesIcon:hover{color:red}.AddTodoMain{margin-top:auto;box-sizing:border-box;padding:5px;display:flex;align-items:center;justify-content:center}.AddTodoMain input{transition:.2s cubic-bezier(.075,.82,.165,1);width:70%;text-align:center;padding:5px;height:15px;background-color:#fff;color:#000;border:none;border-radius:0}.AddTodoMain input:hover{height:20px;color:#000;border-radius:50px;background-color:#e6cccc}.AddTodoMainBtn:hover{cursor:pointer;color:#5995fd}.Todo{display:flex;padding:.3rem;align-items:center;width:65%;transition:.5s cubic-bezier(.075,.82,.165,1)}.Todo:hover{cursor:pointer;transform:scale(1.1);background-color:#6a097d}.TodoIcon{font-size:smaller;margin-right:.5rem}.TodoLabel{color:#fff;font-size:medium;font-weight:200}.NavigationBar{width:100%;height:3rem;position:fixed;display:flex;align-items:center;justify-content:space-between;padding:.3rem}.DropMenu{position:absolute;top:3rem;right:1rem;width:10rem;display:flex;flex-direction:column;box-shadow:0 8px 12px 0 rgba(0,0,0,.09);padding:1rem;margin-right:20%}@media(max-width:650px){.DropMenu{display:none}}.DropMenuItem{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:larger;font-weight:400;margin-left:auto;transition:.5s cubic-bezier(.075,.82,.165,1)}.DropMenuItem:hover{transform:scale(1.2);cursor:pointer}.DropMenuItem p{color:#000}.Logo{padding:.5rem;transition:.5s cubic-bezier(.075,.82,.165,1)}.Logo p{color:#000;font-weight:1000;font-size:xx-large;font-family:"pointer",cursive}.Logo:hover{cursor:pointer;transform:scale(1.2)}@media(max-width:650px){.Logo{display:none}}.Search input{height:60%;background-color:#fff;border:1px solid #000;border-radius:8px;color:#000;width:20rem;transition:.5s cubic-bezier(1,0,0,1)}.Search input:hover{transform:scale(1.05)}.Search input::-webkit-input-placeholder{color:#000}.Search input:-ms-input-placeholder{color:#000}.Search input::-ms-input-placeholder{color:#000}.Search input::placeholder{color:#000}@media(max-width:650px){.Search{display:none}}.Sayhi{color:#302f0a;font-weight:500;font-size:large;padding:1rem;display:flex;justify-content:center;align-items:center;transition:.5s cubic-bezier(1,0,0,1);margin-right:20%}.Sayhi p{margin:.2rem}.Sayhi:hover{cursor:pointer;transform:scale(1.1)}.DrawerToggle{width:40px;height:100%;display:flex;flex-flow:column;justify-content:space-around;align-items:center;padding:10px 0;box-sizing:border-box;cursor:pointer;margin-right:auto}.DrawerToggle div{width:90%;height:3px;background-color:#000}@media (min-width:650px){.DrawerToggle{display:none}}.Modal{position:fixed;z-index:500;background-color:#fff;width:70%;border:1px solid #ccc;box-shadow:1px 1px 1px #000;padding:16px;left:20%;top:30%;display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;transition:all .3s ease-out;border-radius:8px}@media (min-width:600px){.Modal{width:500px;left:calc(50% - 250px)}}.BackDrop{width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0,0,0,.5)}.AddTaskListPanel{text-align:center;display:flex;flex-direction:column}.AddButtonSubmit{margin-left:auto;font-size:1.2rem;font-weight:700;margin-top:15px;padding:8px;border-radius:8px;background-color:#d8bfd8}.AddButtonSubmit:hover{cursor:pointer;color:#fff;background-color:#945794}.InputTaskListArea{display:flex;align-items:center;justify-content:space-around;margin-top:15px}.InputTaskListArea input{height:20px;color:#000;background-color:#fff;border:1px solid #000}.TaskListHeading{display:flex;padding:.3rem;align-items:center;width:65%;margin:1.5rem auto 0;transition:.5s cubic-bezier(.075,.82,.165,1)}.TaskList{display:flex;flex-direction:column}.TaskListHeading:hover{cursor:pointer;transform:scale(1.1);background-color:#6a097d}.TaskListLabel{color:#fff;font-size:larger;font-weight:200;margin:0 auto}.TaskListLabel:hover{font-weight:800}.TaskListIcon{font-size:small}button:hover{cursor:pointer}button:disabled{cursor:not-allowed}.share_button:hover{color:#fff;background-color:#3260ad;transform:scale(1.2);font-weight:400}.share_title{font-weight:700}.Input{margin:10px;display:flex;justify-content:center;align-items:center}.Block{display:flex;flex-direction:column;width:80%;font-family:"Poppins",sans-serif;font-weight:600;font-size:1.1rem;color:#333}label{display:block}input{margin:10px;height:2.5rem;border-radius:8px;border:none;padding:3px;background-color:#ebebeb;border-radius:50px;font-weight:400;font-size:1.1rem;color:#333}
/*# sourceMappingURL=main.a6c91fe6.chunk.css.map */