.todo-container{max-width:600px;margin:40px auto;padding:20px;background:#f9f9f9;border-radius:12px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif}.todo-heading{text-align:center;font-size:24px;color:#333;margin-bottom:20px}.form{display:flex;justify-content:center;margin-bottom:20px}.todo-input{padding:10px;width:70%;border:2px solid #ccc;border-radius:6px;font-size:16px;outline:none}.todo-input:focus{border-color:#007bff}.todo-btn{padding:10px 20px;margin-top:10px;margin-left:10px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:.3s}.todo-btn:hover{background:#0056b3}.ul-container ul{list-style:none;padding:0}.todo-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px;margin-bottom:10px;border-radius:8px;border:1px solid #ddd}.todo-item span{flex:1;font-size:16px;color:#333}.check-btn{background:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;margin-right:8px;transition:.3s}.check-btn:hover{background:#218838}.delete-btn{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:.3s}.delete-btn:hover{background:#c82333}