.add-todo-container{height:100%;margin:auto auto 1rem;display:flex;flex-direction:row;justify-content:space-between;padding-left:1.8rem}.add-todo-container input{width:30rem;height:2.5rem;padding:20px;margin-bottom:10px;border-radius:4px;border:1px solid #ddd}.add-todo-container button{margin:5px 1rem 5px 5px;padding:5px 10px;background-color:#dd6dae;color:#fff8f8;border:none;border-radius:4px;cursor:pointer;width:5.8rem;height:2rem}.add-todo-container button:hover{background-color:#0056b3}.todolist-container{align-items:center;padding:10px;margin:auto auto 10rem}.todolist-container li{list-style:none;display:flex;justify-content:space-between;gap:10px;margin-bottom:1.5rem}.todolist-container li p{width:90%;padding-right:1rem;text-align:justify;align-content:center}.todolist-container li .completed{text-decoration:line-through;color:#aaa}.todolist-container li button{margin:5px;padding:5px 10px;background-color:#dd6dae;color:#fff8f8;border:none;border-radius:4px;cursor:pointer;width:6rem;height:2rem}.todolist-container li button:hover{background-color:#0056b3}.todolist-container li .edit-todo{display:flex;flex-direction:row;width:100%}.todolist-container li .edit-todo textarea{width:90%;height:8rem;padding:5px;border:1px solid #ccc;border-radius:4px}.not{text-align:left;font-size:1.5rem;color:#888;margin:2rem}.todo-page{width:65%;margin:auto;padding:2rem}.todo-page span{color:red}.todo-page h2{padding-left:1.8rem;margin-bottom:2rem;color:#696464;font-size:1.7rem}