h2{font-family:sans-serif,Arial;text-align:center;margin:20px}.tasks{list-style:none;padding:0}.task{display:flex;justify-content:space-between;align-items:center;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:transform .3s,background-color .3s}.task:hover{transform:translateY(-5px);background-color:#f9f9f9}.task input[type=checkbox]{margin-right:10px}.task.checked{color:#888}.task.checked .task-text{text-decoration:line-through}.task-buttons{display:flex;gap:8px}.task-buttons button{padding:5px;margin:0;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.remove-task{color:#fff}.remove-task:hover{background-color:#d00}.move-task-up{color:#fff}.move-task-up:hover{background-color:#0056b3}.move-task-down{color:#fff}.move-task-down:hover{background-color:#1e7e34}#task-input{padding:12px 16px;margin:10px auto;border:1px solid #ccc;border-radius:8px;width:80%;font-size:16px;outline:none;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}#task-input:hover{border-color:#888;box-shadow:0 3px 6px #00000026}#task-input:focus{border-color:#007bff;box-shadow:0 4px 8px #007bff33}#task-input::placeholder{color:#aaa;font-style:italic}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}