@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap";.delete-btn{background:none;border:none;font-size:1.2rem;color:#e74c3c;cursor:pointer}.todo-list{list-style:none;padding:0;margin:0;background:#fff;border-radius:4px;box-shadow:0 0 2px #0003}.todo-list li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding:10px;color:#666;font-size:1.2rem;font-weight:400}.todo-list li label{display:flex;align-items:center}.todo-list li input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;border:1px solid rgba(175,47,47,.3);border-radius:50%;margin-right:15px;cursor:pointer;position:relative}.todo-list li input[type=checkbox]:checked{background:none;border-color:#af2f2f4d}.todo-list li input[type=checkbox]:checked:after{content:"✓";color:#666;font-weight:600;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:3s ease-in}.todo-input{position:relative;width:100%}.todo-input input{width:100%;padding:10px 10px 10px 30px;font-size:1.2rem;color:#666;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 4px #0000001a;outline:1px solid transparent}.todo-input input::placeholder{color:#6666664d}.todo-input .dropdown-btn{position:absolute;top:50%;left:10px;transform:translateY(-50%);background:none;border:none;font-size:1rem;cursor:pointer;color:#af2f2f26;transition:.3s ease-in-out}.todo-input .dropdown-btn:hover{color:#0006;transition:.3s ease-in}.todo-filter{display:flex;background:#fff;justify-content:space-between;align-items:center;color:#888;box-shadow:0 2px 4px #0003;font-size:.9rem;padding:10px}.todo-filter button{padding:5px 10px;font-size:.85rem;border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer}.todo-filter button.active{background:transparent;border:1px solid #888;transition:.3s ease-in}.todo-filter .filter-buttons{display:flex;column-gap:1rem}.todo-filter .filter-buttons button{color:#888}.clear-btn{color:#888;background:none;border:none;cursor:pointer}.app{text-align:center;max-width:650px;margin:50px auto;box-shadow:0 4px 6px #0000001a;background:#f9f9f9;padding:20px;border-radius:8px}.app-header{font-size:3rem;font-weight:200;color:#af2f2f4d;margin-bottom:1rem}.app .todo-header{display:flex;align-items:center}.completed{text-decoration:line-through;opacity:.6;color:#0006}*{font-family:Montserrat,sans-serif;margin:0;padding:0;box-sizing:border-box}ul,li,dl{list-style-type:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0}a{text-decoration:none;color:inherit;display:inline-block}a:hover{text-decoration:none;color:inherit}p{margin:0;padding:0}