:root{--yellow:#ffc000;--gray:#f7f7f7;--white:#fff;--gray2:#ededed;--dark-shadow:0 5px 15px rgba(0,0,0,.5)}::-webkit-input-placeholder{color:#b8b8b8;font-size:.8rem}::placeholder{color:#b8b8b8;font-size:.8rem}*,:after,:before{font-family:sans-serif;margin:0;padding:0}.App{border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:var(--dark-shadow);margin:5% auto;max-width:640px;padding:1rem;width:90%}.light-mode{background-color:#ededed;background-color:var(--gray2);color:#000}.dark-mode{background-color:#2c2a2a;color:#fff;color:var(--white)}button{border:0;cursor:pointer}li{list-style:none}svg{height:20px;width:20px}.App header{align-items:center;display:flex;font-size:1.5rem;justify-content:space-between;margin-bottom:1rem}.App header h2{color:#6e71c2}.App header button{border-radius:50%;padding:.2rem .3rem}.App .search{position:relative}.App .search input{background:#f7f7f7;background:var(--gray);border:0;border-radius:30px;font-size:.9rem;margin-bottom:1rem;outline:none;padding:.6rem .5rem .6rem 2.5rem;width:100%}.App .search .search-icon{bottom:50%;color:#888;height:18px;left:2%;position:absolute;width:18px}.App .completed li,.App .uncompleted li{align-items:center;display:flex;justify-content:space-between}.App .completed li .title,.App .uncompleted li .title{background-color:#fff;background-color:var(--white);border-radius:10px;display:flex;flex-basis:80%;gap:1rem;justify-content:start;margin:.5rem 0;padding:1rem}.App .completed li .dark-mode,.App .uncompleted li .dark-mode{background-color:#000;color:#fff;color:var(--white)}.App .completed li .title .checkbox,.App .uncompleted li .title .checkbox{accent-color:#ffc000;accent-color:var(--yellow);color:#fff;color:var(--white);cursor:pointer}.App .completed li .title{opacity:.4}.App .completed li .title .task-text{text-decoration:line-through}.App .uncompleted li .btn,.completed li .btn{display:flex;flex-basis:20%;gap:.4rem;justify-content:space-between}.App .uncompleted li .btn .trash-btn,.completed li .btn .trash-btn{background-color:#3d1c1c;border-radius:50%;margin-left:.3rem;padding:.5rem}.App .uncompleted li .btn .trash-btn:hover,.completed li .btn .trash-btn:hover{background-color:#f85757;border-radius:50%;padding:.5rem}.App .uncompleted li .btn .edit-btn,.completed li .btn .edit-btn{background-color:#6e71c2;border-radius:50%;padding:.5rem}.completed{margin-top:1rem}.completed .toggle{align-items:center;display:flex;justify-items:center}.completed .toggle button{border-radius:50%;padding:.25rem .3rem .15rem}.completed .toggle svg{height:15px;width:15px}.completed .toggle h5{font-size:.7rem;margin-left:.3rem}.App .form button{background:transparent;margin-bottom:2rem;width:100%}.App .form button svg{background-color:#ffc000;background-color:var(--yellow);border-radius:50%;color:#fff;color:var(--white);float:right;margin-top:1rem;padding:.8rem}.App .form .input{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-items:center}.App .form input{border:1px solid #000;border-radius:5px;font-size:1rem;outline:0;padding:.7rem}.App .form .input button{background:#6e71c2;border-radius:4px;color:#fff;color:var(--white);font-size:.85rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;letter-spacing:3px;margin-top:.5rem;padding:.7rem;transition:2s}.App .form .input button:hover{background-color:#6e71c2}.App .form .hidden{display:none}
/*# sourceMappingURL=main.d049a444.css.map*/