body{margin:0;padding:0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-color:#f8f8ff;font-family:Jost,sans-serif}.container{width:600px;border-radius:8px;padding:20px}.container header{text-align:center;font-size:1.5em;margin-bottom:20px}.container .input-group{width:100%;display:flex;margin-bottom:10px}.container .input-group input[type=text]{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:4px}.container .input-group button{background-color:#1976d2;color:#f8f8ff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;margin-left:5px}.container .search{display:flex;margin-bottom:10px;justify-content:flex-end}.container .search input[type=text]{flex-grow:.1;padding:8px 12px;margin:0 5px;border:1px solid #ccc;border-radius:4px}.container .filters{display:flex;justify-content:flex-end;margin-bottom:10px}.container .filters button{cursor:pointer;padding:8px 12px;margin:0 5px;border:1px solid #ccc;border-radius:4px;color:#757575}.container .filters button.selected{background-color:#1976d2;color:#f8f8ff}.container .taskList{list-style:none;padding:0}.container .taskList li{display:flex;align-items:center;padding:10px;border-bottom:1px solid #ccc}.container .taskList li .taskItem{width:100%;display:flex;justify-content:space-between}.container .taskList li .taskItem input[type=text]{padding:8px 12px;margin:0 5px;background-color:#f8f8ff;border:none;outline:none;width:80%}.container .taskList li .taskItem .completed{text-decoration:line-through}.container .taskList li .taskItem input[type=checkbox]{margin-right:10px;cursor:pointer}.container .taskList li .taskItem .taskItemButtons{display:flex;justify-content:flex-end}.container .taskList li .taskItem .taskItemButtons button{cursor:pointer;padding:8px 12px;margin:0 5px;border:1px solid #ccc;border-radius:4px}.container .taskList li .taskItem .taskItemButtons .danger{color:#dc143c}@media (max-width: 580px){.container{width:100%;padding:10px}.container .input-group{flex-direction:column}.container .input-group button{margin-left:0;margin-top:5px}.container .search input[type=text]{flex:1}.container .filters button{width:100%}}