.App{margin:20px}h1{margin-bottom:20px}.todo-input input{margin:5px;padding:8px}.todo-input button{padding:8px 12px}.todo-table{border-collapse:collapse;margin:20px auto;width:90%}.todo-table td,.todo-table th{border:1px solid #ccc;padding:10px}.todo-table tr.completed td{color:gray;text-decoration:line-through}.todo-table button{background-color:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.todo-table button:hover{background-color:darkred}.App{background-color:#f5f5f5;font-family:Arial,sans-serif;margin-top:50px;min-height:100vh;padding:20px;text-align:center}h1{color:#333}.todo-input input{border:1px solid #ccc;border-radius:4px;margin-right:10px;padding:10px;width:250px}.todo-input button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.todo-input button:hover{background-color:#0056b3}.todo-list{list-style:none;margin-top:20px;padding:0}.todo-item{align-items:center;display:flex;justify-content:center;margin:10px 0}.todo-item span{cursor:pointer;margin-right:10px;padding:5px 10px}.todo-item.completed span{color:gray;text-decoration:line-through}.todo-item button{background-color:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.todo-item button:hover{background-color:darkred}.TodoInput_input__L\+r2I{background:red}.TodoInput_input__L\+r2I::placeholder{color:#fff}.TodoInput_input__L\+r2I:hover{background-color:green}.TodoInput_borderRadius__O4qnf{border-radius:16px}.TodoItem_input__LW\+fD{background-color:green}
/*# sourceMappingURL=main.340f545e.css.map*/