@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}.todo-container{width:90%;max-width:500px;min-height:500px}.todo-container h1{font-weight:500}.todo-input{display:flex;align-items:center;gap:0 10px;font-size:20px;margin-top:20px;outline:none}.todo-input input{width:calc(100% - 40px);font-size:16px;border:none;border-bottom:1px solid #8a8a8b;padding:5px}.todo-input .add-task{width:40px;height:40px;font-size:30px;border:none;display:flex;align-items:center;justify-content:center;background-color:transparent;cursor:pointer}.add-task>*{width:100%;height:100%}.todo-list{list-style-type:none;margin-top:30px}.todo-list li{display:flex;align-items:center;gap:0 10px;border:1px solid #8a8a8b;border-radius:15px;padding:15px 40px 15px 20px;position:relative;margin:15px 0}.todo-list li input[type=checkbox]{width:15px;height:15px;cursor:pointer}.delete-todo{position:absolute;right:20px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;border:none;outline:none}.todo-list li.todo-completed{background:#f1f1f1}.todo-list li.todo-completed p{text-decoration:line-through;color:#8a8a8b}.remaining-todos{font-style:italic}.task-btn{position:absolute;right:20px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;border:none;outline:none;color:#1591ea;visibility:hidden;opacity:0}.save-task{color:#30bd35}.todo-list li:hover .delete-todo{visibility:hidden}.todo-list li:hover .task-btn{visibility:visible;opacity:1}.edit-input{width:90%;font-size:16px;border:none}