@import url(https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);:root{--primary:#5b768d;--secondary:#58b4b0;--background:#a5ebd2;--defult:#fbfbfb}*{box-sizing:border-box}html{background:linear-gradient(90deg,#a8ff78,#78ffd6);text-transform:capitalize}body{height:98vh;align-items:center;justify-content:center;font-family:"Yusei Magic",sans-serif}.container,body{display:flex;overflow:hidden}.container{height:95vh;width:95vw;max-width:300px;max-height:670px;min-height:500px;position:relative;flex-direction:column;background-color:#fbfbfb;background-color:var(--defult);border-radius:1.5rem;box-shadow:0 0 30px 0 rgb(0 0 0/50%)}.home{background:radial-gradient(circle 9em at 35% 14%,#5b768d 100%,transparent 101%),radial-gradient(circle 10em at 93% 16%,#58b4b0 100%,transparent 101%);background:radial-gradient(circle 9em at 35% 14%,var(--primary) 100%,transparent 101%),radial-gradient(circle 10em at 93% 16%,var(--secondary) 100%,transparent 101%);background-color:#fbfbfb;background-color:var(--defult)}.page{background-color:#5b768d;background-color:var(--primary)}.content{background-color:#fbfbfb;background-color:var(--defult);border-radius:inherit;width:100%;height:100%;margin:0}h1{color:#fff;margin:3rem 1.5rem 0}input[type=text]{font-family:"Poppins",sans-serif;text-transform:capitalize}.tasks-counter{margin:1rem 1.5rem;color:#fff}.btn{width:10rem;height:2rem;border-radius:.5rem;border:none;margin:0 1rem;font-family:"Yusei Magic",sans-serif}.btn-clean:focus,.btn:focus{outline:none}.btn-clean{display:block;background:none;border:none;color:#58b4b0;color:var(--secondary);margin:4rem 1rem 1rem;font-weight:800;text-align:inherit;cursor:pointer}.folders{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:auto;margin-bottom:.2rem}::-webkit-scrollbar{position:absolute;margin:0;display:none}.no-folders{position:absolute}.folder{width:45%;position:relative;display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid #5b768d;border:1px solid var(--primary);border-radius:1.5rem;padding:5%;margin:.3rem;color:#000;text-decoration:none;font-family:"Poppins",sans-serif}.folder .wrapper{display:flex;justify-content:space-between}.folder .icon{justify-self:start;align-self:center}.folder .tasks-counter{justify-self:end;align-self:center;color:#000;margin:.5rem;font-weight:400}.folder .title{grid-column:1/span 2;justify-self:start;align-self:start;margin:0;font-size:1rem;text-transform:capitalize}.folder .delete-folder{inset:-1%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);width:102%;position:absolute;height:102%;border-radius:inherit}.folder .delete-folder .delete-icon{font-size:3rem}.page .folder-title{display:inline-block;width:70%;font-size:1.5rem;color:#fff;margin:1rem 0 1rem 1.5rem}.backarrow{margin-left:1.5rem;margin-top:2.5rem;font-size:2rem}.tasks{justify-content:center;display:grid;grid-template-columns:80%;list-style:none;padding:2rem 0 0;max-height:60vh;overflow:auto}.task{height:8vh;display:grid;grid-template-columns:10% 80% 10%;border-top:1px solid #000}.task .task-done{justify-content:center;align-self:center;margin:0;width:1rem;height:1rem;border-radius:100%;border:1px solid #333;background-color:#333;cursor:pointer}.task .done{background-color:rgba(45,167,52,.9333333333333333)}.clean-text-input{font-weight:600;color:#5b768d;color:var(--primary);background:transparent;border:none}.clean-text-input:focus{outline:none}.task .task-delete{color:#e42121;justify-self:self-end;align-self:center;margin:0;cursor:pointer}.task:last-child{border-bottom:1px solid #000}.add-task-btn{cursor:cell;position:absolute;font-size:3rem;bottom:5%;left:50%;transform:translateX(-50%);color:#58b4b0;color:var(--secondary)}.create-folder{cursor:cell}.dropdown-icons{position:relative;display:inline-block}.dropdown-icons svg{font-size:3rem;padding:.8rem}.dropdown-icons .active-icon{padding:1rem .8rem 0}.dropdown-icons-content{display:none;position:absolute;background-color:#fbfbfb;background-color:var(--defult);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-icon{display:block;font-size:1rem}.dropdown-icon:hover{background-color:#817b7b}.dropdown-icons-content:active .dropdown-icons-content{display:none}.dropdown-icons:hover .dropdown-icons-content{display:block}.delete-mode-true{animation-name:keyframes1;animation-iteration-count:infinite;transform-origin:50% 50%;animation-delay:-.15s;animation-duration:.35s}@keyframes keyframes1{0%{transform:rotate(-1deg);animation-timing-function:ease-in}50%{transform:rotate(1.5deg);animation-timing-function:ease-out}}.fa-folder{color:#333}.fa-music{color:#3131e0}.fa-briefcase{color:rgba(214,41,41,.40784313725490196)}.fa-briefcase-medical{color:#df5454}.fa-utensils{color:#1b9e1b;width:1em!important}.fa-child{color:plum}.fa-child,.fa-lock{width:1em!important}.fa-lock{color:#daa520}.folder-title::-webkit-input-placeholder{color:#fff;opacity:1}.folder-title:-ms-input-placeholder{opacity:1}.folder-title::placeholder{color:#fff;opacity:1}.folder-title:-ms-input-placeholder{color:#fff}.folder-title::-ms-input-placeholder{color:#fff}
/*# sourceMappingURL=main.d2728740.chunk.css.map */