.todo-container{max-width:600px;margin:50px auto;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 0 10px #0000001a}.title{text-align:center;font-size:24px;color:#333;margin-bottom:20px}.input-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.todo_main{margin:60px;max-width:100%;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:center}.todo-card{width:300px;padding:20px;background-color:#fff;border-radius:8px;margin-bottom:20px;border:2px solid grey}.heading-input{width:calc(100% - 22px);padding:10px;font-size:16px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;outline:none}.heading_todo{display:flex;gap:20px;align-items:center;justify-content:center}.heading_todo h3{width:100%;height:40px;font-size:20px;text-align:center}.delete-button{background-color:#f44336;color:#fff;border:none;padding:7px 20px;font-size:14px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;height:40px}.delete-button-heading{height:40px;background-color:#2ea32e;color:#fff;border:none;border-radius:4px}.list-item{display:flex;gap:20px;margin:10px;justify-content:center}.delete-button:hover{background-color:#d32f2f}.list-input{width:170px;height:25px}.add-list-button{background-color:#2ea32e;color:#fff;border:none;padding:7px 20px;font-size:14px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin-left:25px}.todo_inside_list{display:flex;gap:140px;margin:10px}