#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background-color:#8758ff}.App{text-align:center;color:#fff}h1{color:#fff;margin-bottom:.5rem;font-size:1.75rem}.TodoWrapper{background:#1a1a40;margin-top:5rem;padding:2rem;border-radius:5px}.TodoForm{width:100%}.todo-input{outline:none;background:none;border:1px solid #8758ff;padding:.5rem 1rem;margin-top:1rem;margin-bottom:2rem;width:300px;color:#fff}.todo-input::placeholder{color:#ffffff4d}.todo-btn{background:#8758ff;color:#fff;border:none;padding:.55rem;cursor:pointer}.Todo{display:flex;justify-content:space-between;align-items:center;background:#8758ff;color:#fff;padding:.75rem 1rem;border-radius:5px;margin-bottom:1rem;cursor:pointer}.fa-trash{margin-left:.75rem}.completed{color:#c5aeff;text-decoration:line-through}.edit-form{display:flex;justify-content:center;gap:.5rem}.edit-input{background:#fff;color:#1a1a40;border:1px solid #8758ff;padding:.5rem 1rem;border-radius:4px;outline:none;width:300px}.edit-input::placeholder{color:#1a1a40aa}.edit-btn{background:#8758ff;color:#fff;border:none;padding:.55rem 1rem;border-radius:4px;cursor:pointer;transition:.3s}.edit-btn:hover{background:#6b45d8}