*{margin:0;padding:0;box-sizing:border-box}:root{--rojo: #ba181b;--azul: #00b4d8;--azul-hover: #48cae4;--rojo-hover: #e5383b;--verde: #09a129}body{font-family:Poppins;max-width:1200px;margin:40px auto;display:flex;justify-content:center;background-color:#fae2d3}body .card-to-do{box-shadow:0 0 5px #0003;padding:25px;border-radius:20px;width:700px;background-color:#fff}body h1{text-align:center}body .counter-todos{margin:40px 0;display:flex;justify-content:space-around}body .counter-todos h3{font-weight:500}body .counter-todos span{color:#f29559;font-weight:700;font-size:24px;margin-left:10px}body ul{margin-top:50px;display:flex;flex-direction:column;gap:15px}body ul li{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}body ul li span{overflow:hidden;cursor:pointer;display:flex;align-items:center}body ul li form{flex:1;display:flex;justify-content:space-between}body .input-update{border:none;font-weight:500;font-family:inherit;font-size:18px;color:#555;width:100%;outline:none}body .container-done{background-color:#fff;width:24px;height:24px;border-radius:20px;border:2px solid var(--verde);cursor:pointer}body .container-done.active{background-color:var(--verde)}body .text-decoration-dashed{text-decoration:line-through}body .btn-delete{background-color:var(--rojo);color:#fff;padding:15px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;transition:all .3s;cursor:pointer;font-family:inherit}body .btn-delete:hover{background-color:var(--rojo-hover)}body .btn-edit{background-color:var(--azul);color:#fff;padding:15px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;transition:all .3s;cursor:pointer;font-family:inherit}body .btn-edit:hover{background-color:var(--azul-hover)}body form{display:flex;gap:20px}body .add-todo h3{text-align:center;margin-bottom:40px;font-size:24px}body .input-add{border:none;outline:none;padding:10px 20px;box-shadow:0 0 5px #00000026;border-radius:20px;flex:1;font-family:inherit;font-size:17px;color:#555}body .btn-add{border:none;background-color:#f8d0b8;color:#000;padding:5px 40px;border-radius:20px;font-family:inherit;cursor:pointer;font-size:17px}body .btn-add:hover{background-color:#d5ac91}