.todo-list{list-style-type:none;display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:wrap;gap:24px 24px;height:auto;padding:0;margin:20px auto}p{font-size:20px}*,*:before,*:after{box-sizing:border-box}img{display:block;max-width:100%;height:auto}body{padding:20px;text-align:center;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;background-color:#f4f4f4;color:#2a2a2a}ul{list-style:none}.list-item{display:flex}.list-item input{margin-right:10px}.list-item p{margin:3px 0}.wrapper{max-width:400px;margin:0 auto;background:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000001a}.search-form{display:flex;flex-direction:column;gap:10px}.form-group{display:flex;flex-direction:column;text-align:left;width:100%}.input-field{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;width:100%}.btn{background-color:#007bff;color:#fff;border:none;padding:10px;font-size:16px;border-radius:4px;cursor:pointer;transition:background .3s;width:100%}.btn:hover{background-color:#0056b3}.loader{margin-top:15px;font-size:14px;color:#666}.hidden{display:none}.card-container{margin-top:20px}.card{max-width:400px;margin:20px auto;background:#fff;border-radius:5px;padding:15px;box-shadow:0 2px 5px #0003;text-align:center}.card-image{width:100%;border-radius:5px}.card-body{padding:10px}.card-title{font-size:20px;font-weight:700;margin:10px 0}