@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;font-family:"Josefin Sans";-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background:#cacde8;background-repeat:no-repeat;background-position:top center;background-size:100% 40%;transition:.4s ease-in-out}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background:#555}.dark{background:#161722;background-repeat:no-repeat;background-position:top center;background-size:100% 40%;transition:.4s ease-in-out}.dark .wrapper .header__text button{background:url("../img/icon-sun.svg")}.dark .wrapper .task__input{background:#25273c}.dark .wrapper .task__input button{border:1px solid #777a92}.dark .wrapper .task__input input{color:#fafafa}.dark .wrapper .task__box{background:#25273c;color:#777a92}.dark .wrapper .task__box li{border-bottom:.5px solid #777a92}.dark .wrapper .task__box li:hover{background:#393a4c}.dark .wrapper .options{background:#25273c}.dark .wrapper .options .clear__button:hover{color:#e4e5f1}.dark .wrapper .controls .filters{background:#25273c}.dark .wrapper .git{margin:2.5rem 0}.dark .wrapper .git a{font-weight:600;border-radius:.5rem;color:#fafafa;padding:.7rem;background:#25273c}.hero__img{position:absolute;top:0;left:0;right:0;background:url(../img/bg-gif.gif);background-position:center;background-repeat:no-repeat;background-size:cover;height:12rem}.wrapper{position:relative;max-width:340px;margin:1rem auto}.wrapper .header__text{display:flex;justify-content:space-between;font-size:1rem;margin:1.5rem auto;color:#fafafa}.wrapper .header__text h2{letter-spacing:10px}.wrapper .header__text button{cursor:pointer;outline:none;width:25px;height:25px;background:url("../img/icon-moon.svg");background-size:100%;background-repeat:no-repeat;background-position:center center;border:none;transition:.4s ease-in-out}.wrapper .task__input{display:flex;width:100%;align-items:center;margin:1.5rem auto;padding:.5rem 0;border-radius:.5rem;background:#fafafa;transition:.4s ease-in-out;box-shadow:rgba(0,0,0,.24) 0px 3px 8px}.wrapper .task__input button{cursor:pointer;padding:.8rem;background:none;border:1px solid #cacde8;border-radius:50%;margin-left:10px}.wrapper .task__input input{width:100%;padding:10px;margin-left:.3rem;border:none;background:none}.wrapper .task__input :focus{outline:none}.wrapper .task__box{background:#fafafa;border-top-left-radius:.3rem;border-top-right-radius:.3rem;min-height:15rem;padding-top:.5rem;box-shadow:rgba(0,0,0,.24) 0px 3px 8px;transition:opacity .5s ease-in-out}.wrapper .task__box li{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;overflow-X:hidden;font-size:.9rem;border-bottom:1px solid #e4e5f1;transition:.4s ease-in-out}.wrapper .task__box li label{display:flex;align-items:center;font-weight:700;color:#8e90a5}.wrapper .task__box li label input{cursor:pointer;width:25px;height:25px;margin-right:10px;background:none;border-radius:50%;vertical-align:middle;border:1px solid #cacde8;border-radius:50%;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:.4s ease-in-out}.wrapper .task__box li label :checked{border:none;background:url("../img/icon-check.svg"),linear-gradient(to right bottom, #78b7ee, #75abf2, #7c9ef4, #8c8ef1, #a07ce8);background-repeat:no-repeat;background-position:center center}.wrapper .task__box li label p.checked{text-decoration:line-through}.wrapper .task__box li .liOptions{display:flex;align-items:center}.wrapper .task__box li .liOptions .bxs-pencil{cursor:pointer;color:#3a3c55;margin-right:3px;font-size:1.4rem}.wrapper .task__box li .liOptions .bx-x{cursor:pointer;color:#3a3c55;font-size:2rem}.wrapper .options{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fafafa;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;color:#777a92;box-shadow:rgba(0,0,0,.24) 0px 3px 8px;transition:.4s ease-in-out}.wrapper .options .left__container{display:flex;align-items:center}.wrapper .options .left__container p{margin-left:5px}.wrapper .options .clear__button{cursor:pointer;transition:.4s ease-in-out}.wrapper .filters{display:flex;align-items:center;justify-content:center;padding:1rem;margin:1rem 0;background:#fafafa;border-radius:.5rem;transition:.4s ease-in-out;box-shadow:rgba(0,0,0,.24) 0px 3px 8px}.wrapper .filters span{color:#777a92;font-weight:700;margin:0 .6rem;cursor:pointer;transition:.4s ease-in-out}.wrapper .filters :hover{color:#6888d3}.wrapper .filters .active{color:#2d54ad}.wrapper .dragMsg{cursor:pointer;margin:40px auto;font-size:1rem;color:#777a92;text-align:center}.wrapper .git{display:inline-block;margin:2.5rem 0;transition:.4s ease-in-out;box-shadow:0px 10px 0px -100px rgba(0,0,0,.1);border-radius:.5rem}.wrapper .git a{height:6rem;font-weight:600;border-radius:.5rem;color:#161722;margin:2rem 0;padding:.7rem;background:#fafafa;transition:.4s ease-in-out}.wrapper .git a:hover{transition:.4s ease-in-out;box-shadow:0px 10px 11px -6px rgba(0,0,0,.1)}.wrapper .git:hover{transform:scale(110%)}@media screen and (min-width: 769px){body{background:#cacde8;background-repeat:no-repeat;background-position:center top;background-size:100% 40%;transform:.4s ease-in-out}.hero__img{background-position:100% 40%;height:15rem}.wrapper{max-width:500px}.wrapper .dragMsg{font-size:1rem}.dark{background:#161722;background-repeat:no-repeat;background-position:top center;background-size:100% 40%}}/*# sourceMappingURL=style.css.map */