.spinner{animation:spin 1s linear infinite;border:8px solid #eee;border-radius:50%;border-top-color:#2196f3;display:block;height:48px;margin:24px auto;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0}h1{color:#333;text-align:center}.container{margin:auto;overflow:hidden;width:80%}.todo-form{display:flex;justify-content:space-between;margin-bottom:20px}.todo-form input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:10px}.todo-form button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.todo-form button:hover{background-color:#218838}.todo-list{list-style:none;padding:0}.todo-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.todo-item.completed{color:gray;text-decoration:line-through}.todo-item button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer}.todo-item button:hover{background-color:#c82333}.loading-spinner{align-items:center;display:flex;height:100vh;justify-content:center}.error-alert{color:red;margin:20px 0;text-align:center}
/*# sourceMappingURL=main.70c21f3b.css.map*/