@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;transition:.3s;text-decoration:none;list-style:none;box-sizing:border-box;scroll-behavior:smooth;font-family:Poppins,sans-serif}*::-webkit-scrollbar{display:none}.Home{background:#18181b;min-height:100vh;padding:100px 50px}.Home.toggleHome{background:#fafafa}.block{margin:auto;max-width:1100px}.Filter{position:fixed;overflow:auto;pointer-events:none;opacity:0;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0%;left:0%;width:100%;height:100%}.filterLayer{position:"relative";padding:100px 50px}.filterLayer form{transform:translateY(15px)}.Filter.drop{pointer-events:all;opacity:1}.Filter.drop .filterLayer form{transform:translateY(0)}.filterFlex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}#closeFilter{color:#fff;position:absolute;cursor:pointer;font-size:24px;top:0%;right:0%;margin:40px 50px}@media (max-width: 450px){.Home,.filterLayer{padding:100px 30px}.bx-x-circle{margin:40px 30px}}.Navbar{position:fixed;display:flex;align-items:center;justify-content:center;bottom:0%;left:0%;width:100%}nav{background:#27272a;display:flex;align-items:center;box-shadow:2px 2px 4px #0003;gap:10px;padding:20px 40px;margin:40px 0;border-radius:100px}.lightNav{background-color:#f4f4f5}nav a,nav button{color:#fff;background:none;border:none;outline:none;display:flex;flex:content;justify-content:center;cursor:pointer;position:relative;width:fit-content;font-size:24px;padding:10.5px;border-radius:8px}nav a:hover,nav button:hover{background-color:#3f3f46;box-shadow:2px 2px 4px #0003}nav a.lightLink:hover,nav button.lightLink:hover{background-color:#e4e4e7}nav a i,nav button i{color:#fff}nav a i#iconLight,nav button i#iconLight{color:#000}nav a span,nav button span{background-color:#27272a;color:#fff;position:absolute;pointer-events:none;opacity:0;transform:translateY(-85px);font-size:15px;font-weight:500;padding:10px 15px;border-radius:8px;box-shadow:2px 2px 4px #0003;transition:.2s}nav a span.lightSpan,nav button span.lightSpan{background-color:#f4f4f5;color:#000}nav a:hover span,nav button:hover span{pointer-events:all;opacity:1;transform:translateY(-90px)}@media (max-width: 470px){nav{margin:0;border-radius:0;width:100%}}.taskGrid{display:grid;grid-template-columns:repeat(3,1fr);margin:40px 0 50px;gap:20px}.heading{color:#fff;width:fit-content;font-weight:700;font-size:33px;line-height:1.2em}.heading.lightHead{color:#000}.task{background:#27272a;border:1.7px solid #3F3F46;box-shadow:2px 2px 4px #0003;padding:30px;border-radius:15px;font-size:15px}.task.lightTask{background:#f4f4f5;border-color:#e4e4e7}.taskTitle{color:#fff;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;width:fit-content;display:-webkit-box;-webkit-line-clamp:2;font-weight:700;font-size:23px;line-height:1.4em;margin-bottom:18px}.taskTitle.lightTitle{color:#000}.taskDate{color:#14532d;background:#bbf7d0;width:fit-content;box-shadow:2px 2px 4px #0000001a;border-radius:8px;padding:8px 16px;font-weight:500}.taskDate.yellowDate{color:#713f12;background:#fef08a}.taskDate.redDate{color:#7f1d1d;background:#fecaca}.taskDesc{color:#e4e4e7;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;margin:20px 0;line-height:1.6em;-webkit-line-clamp:4}.taskDesc.lightDesc{color:#3f3f46}#readTaskDesc{margin:20px 0 0;-webkit-line-clamp:initial}#readTaskTitle{-webkit-line-clamp:initial}#noTasks{max-width:500px;margin:20px 0 30px}.functions{display:flex;width:fit-content;gap:10px}@media (max-width: 1100px){.taskGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 750px){.taskGrid{grid-template-columns:1fr}}@media (max-width: 450px){.functions{flex-direction:column;width:initial;gap:8px}.funcLink{justify-content:center;width:100%}.taskGrid{margin:30px 0 50px}.heading{font-size:30px}.taskTitle{font-size:20px}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.Auth{background:#18181b;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:100px 30px}.Auth.lightAuth{background:#fafafa}.boxFlex{display:flex;gap:10px}form{background:#27272a;display:flex;flex-direction:column;border:1.7px solid #3F3F46;box-shadow:2px 2px 4px #0003;gap:10px;padding:30px;border-radius:15px}form h2{color:#fff;width:fit-content;margin-bottom:20px;font-size:25px}.lightHead{color:#000}.lightForm{background:#f4f4f5;border-color:#e4e4e7}form input::placeholder,form textarea::placeholder{color:#a1a1aa}form textarea,form input,form select,.btn{color:#fff;outline:none;resize:none;border:none;background:none;width:100%;font-size:15px;font-weight:500}.lightInput{color:#000}.lightInput::placeholder,.lightText::placeholder{color:#71717a}.inputBox,form textarea,form select,.btn{background:#3f3f46;display:flex;align-items:center;-moz-appearance:none;-webkit-appearance:none;border:1.7px solid transparent;gap:12.5px;padding:15px;border-radius:8px}form textarea{height:300px}.inputBox:focus-within,form textarea:focus-within,form select:focus-within{border-color:#a1a1aa}.inputBox.lightBox,.lightText{color:#000;background:#e4e4e7}.btn{color:#fff;background-color:#7e22ce;cursor:pointer;justify-content:center}.btn:hover{background-color:#6b21a8}form i,.functions i,.btn i{color:#a1a1aa;font-size:25px}#lightIcon{color:#71717a}.btn.trash{background-color:#b91c1c}.btn.trash:hover{background-color:#991b1b}.btn.completed{cursor:pointer;background-color:#15803d}.btn.completed:hover{background-color:#166534}.signInLink{display:inline-block;color:#71717a;margin-top:20px;font-size:15px;font-weight:550}.error{background-color:#fee2e2;color:#ef4444;display:"flex";font-weight:550;font-size:15px;padding:15px;margin-bottom:5px;border-radius:10px}.error.errNone{display:none}@media (max-width: 520px){.boxFlex{flex-direction:column}form{width:100%}}