*{background-color:#2e2b2b}div{font-family:Arial,sans-serif;font-size:20px}.outerDiv{border:2px solid #fff;padding:20px;border-radius:10px;margin:20px;width:90%}h1{font-size:24px;color:#fff;display:inline}button{padding:10px 20px;border:none;cursor:pointer;margin:5px;font-size:20px}.add-button{background-color:#4caf50;color:#fff;border-radius:5px}.add-button:hover{background-color:green}.delete-button{background-color:#14568d;color:#fff;border-radius:5px}.delete-button:hover{background-color:#082161}.clear-button{background-color:#f44336;color:#fff;border-radius:5px}.clear-button:hover{background-color:red}.update-button{background-color:#db7093;color:#fff;border-radius:5px}.update-button:hover{background-color:#ad2c42}input{padding:10px;margin:10px;border-radius:5px;border:1px solid white;width:100%;max-width:200px;color:#fff}.cartDiv{display:inline;margin:5px;color:#fff}.btnSpan{margin:10px;background-color:#fff}.secClass{position:relative}select{padding:5px 10px;border:1px solid #ccc;border-radius:5px;background-color:#fff;cursor:pointer;outline:none;margin:10px}option{padding:5px;background-color:#fff}select:focus,select:hover{border-color:#007bff}.task-list{list-style:none;padding:0;max-width:fit-content;margin:10px 20px;display:flex;flex-direction:column;gap:10px}.task-list li{display:flex;justify-content:flex-end;align-items:center;padding:10px;background-color:#fff;margin:5px;border-radius:5px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease-out;width:auto}.task-list li:hover{transform:scale(1.02)}@media (max-width: 768px){.task-list li{flex-direction:column;align-items:flex-start}.task-list select,.task-list button{width:100%;margin:5px 0}.task-list{max-width:800px}}.editing-task{background-color:#ffff93!important;color:#000}