body{place-items:center}button{font-size:1em;font-weight:500;font-family:system-ui;cursor:pointer}.todo-item{display:flex;align-items:center;padding:10px;margin:5px 0;background-color:#f2f2f2;border-radius:4px;gap:10px}.todo-item button{background-color:#f44;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.todo-list{margin:20px auto}.filter-buttons{display:flex;justify-content:center;gap:10px;margin:20px 0}.filter-buttons button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}body{font-family:sans-serif}.app{padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 10px #0000001a;background-color:#f9f9f9;flex-direction:column}#form{display:flex;gap:10px}h1{text-align:center}button:hover{opacity:.9}button:active{transform:scale(.98)}#input{flex:1;padding:10px;border-radius:4px;border:1px solid #ddd}#add-btn{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}