*{margin:0;padding:0;box-sizing:border-box}html,body{color:#f0f8ff;background-color:#1b1b32;font-family:Lato,sans-serif;margin-top:40px}.aplicacion-tareas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.freecodecamp-logo-contenedor{width:100%;margin:20px;display:flex;align-items:center;justify-content:center}.freecodecamp-logo{width:400px;height:50px}h1{color:#d2dae0;font-size:25px;font-family:Roboto,sans-serif;text-align:center;margin-top:0;margin-bottom:20px;background-color:#1b1b32;padding:10px;border-radius:10px;box-shadow:-2px 2px 2px 1px #000000a1}.todo-title{color:#d2dae0;font-size:25px;font-family:Roboto,sans-serif;text-align:center;margin-top:0;margin-bottom:0;background-color:transparent;padding:0;border:none;border-radius:5px;outline:none;user-select:none;cursor:pointer;transition:all .3s}.todo-title:focus{cursor:auto;background-color:#f0f8ff12;color:#f0f8ff}.tareas-lista-principal{width:600px;min-height:500px;background-color:#c7a717e1;padding:25px;margin:10px;justify-content:center;border-radius:26px;box-shadow:-4px 4px 3px 2px #000000a1;text-shadow:1px 1px 2px #1b1b32}@media (max-width: 599px){.tareas-lista-principal{width:400px;min-height:300px}}.tareas-lista-contenedor{display:flex;flex-wrap:wrap;justify-content:center;margin-top:15px}.tarea-formulario{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center}.tarea-input{width:350px;font-size:18px;background-color:#f0f8ff;padding:14px 32px 14px 16px;border:2px solid #1b1b32;outline:none;user-select:none;border-radius:3px;box-shadow:-1px 1px 1px #000000a1;transition:all .3s}.tarea-input:focus{scale:1.01;box-shadow:-1px 2px 2px 2px #000000a1}.tarea-botton{margin-left:10px;padding:17px;font-size:18px;font-family:Roboto,sans-serif;border:none;border-radius:30px 4px 4px 30px;cursor:pointer;outline:none;background:#1b1b32;color:#f0f8ff;text-transform:capitalize;box-shadow:-1px 1px 1px #000000a1;transition:all .15s}.tarea-botton:active{background:#43437c;translate:-1.5%;scale:.8}@media (max-width: 599px){.tarea-input{width:200px}.tarea-botton{width:80px;padding:20px 10px 10px;height:75px;border-radius:10px 10px 40px 40px}}.tarea-contenedor{width:500px;min-height:65px;background-color:#1b1b32;margin:5px 0;padding:8px 15px 8px 20px;display:flex;justify-content:center;align-items:center;border-radius:7px;border:1px solid aliceblue;cursor:pointer;user-select:none;box-shadow:-1px 1px 1px #000000a1;transition:all .3s}.tarea-contenedor:hover{translate:-1.5%;scale:1.1;box-shadow:-2px 2px 2px 1px #000000a1}.tarea-contenedor:hover:focus{translate:-1.5%;scale:1.1;box-shadow:-2px 2px 2px 1px #000000a1}.tarea-contenedor:nth-child(3n + 1){background-color:#1b1b32}.tarea-contenedor:nth-child(3n + 2){background-color:#2a2a40}.tarea-contenedor:nth-child(3n + 3){background-color:#3b3b4f}.tarea-texto{width:100%;height:100%;font-size:20px;display:flex;align-items:center;overflow-wrap:anywhere}.tarea-texto-input{font-size:20px;display:flex;flex:1 1;align-items:center;border:0;max-width:150px;padding:5px;outline:none;user-select:none;border-radius:3px;color:#f0f8ff;background:transparent;cursor:pointer;transition:all .3s}.tarea-texto-input:focus{cursor:auto;background-color:#f0f8ff1f;color:#f0f8ff}.tarea-contenedor.expanded{margin:0}.tarea-contenedor.completada{background-color:#5a01a7;text-decoration:line-through}.tarea-contenedor.completada.eliminada{translate:-1.5%;scale:.08;opacity:0}.tarea-contenedor.completada.expanded{margin:0}.tarea-contenedor.eliminada{translate:-1.5%;scale:.08;opacity:0}.tarea-contenedor-iconos{margin:3px}.tarea-texto-cantSubtareas{min-width:80px;min-height:25px;font-size:20px;display:flex;overflow-wrap:anywhere;transition:all .3s}.tarea-icono{width:25px;height:25px;margin:0;transition:all .3s}.tarea-icono:hover{translate:1.5%;scale:1.35}.subtareas-contenedor{display:none}.subtareas-contenedor.activate{display:inherit;width:480px;min-height:60px;background-color:#f0f8ff;padding:25px;margin-bottom:7px;justify-content:center;border-radius:0 0 10px 10px;box-shadow:0 -1px 1px 1px #000000a1;text-shadow:1px 1px 2px #1b1b32;transition:all .3s}@media (max-width: 599px){.tarea-contenedor{width:300px}.tarea-icono{width:20px;height:20px}.tarea-texto-cantSubtareas{min-width:60px;min-height:25px;font-size:20px;display:flex;overflow-wrap:anywhere;transition:all .3s}.subtareas-contenedor.activate{width:280px;min-height:35px}}.subtareas-contenedor{display:none;flex-wrap:wrap;justify-content:center;margin-top:0}.subtareas-contenedor.activate{display:flex;flex-wrap:wrap;justify-content:center;margin-top:0}.subtarea-formulario{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center}.subtarea-input{width:350px;height:20px;font-size:18px;background-color:#f0f8ff;padding:14px 32px 14px 16px;border:2px solid #1b1b32;outline:none;user-select:none;border-radius:3px;box-shadow:-1px 1px 1px #000000a1;transition:all .3s}@media (max-width:599px){.subtarea-input{width:150px;height:20px}}.subtarea-input:focus{scale:1.01;box-shadow:-1px 2px 1px 1px #000000a1}.subtarea-botton{width:20px;height:20px;margin-left:5px;padding:16px;font-size:18px;font-family:Roboto,sans-serif;border:none;border-radius:4px;cursor:pointer;outline:none;background:#1b1b32;color:#f0f8ff;text-transform:capitalize;box-shadow:-1px 1px 1px #000000a1;transition:all .15s}.subtarea-botton:active{background:#43437c;translate:-1.5%;scale:.8}.subtarea{width:550px;min-height:30px;background-color:#f0f8ff;margin-top:10px;padding:2px 4px 2px 5px;display:flex;justify-content:center;align-items:center;border-radius:7px;border:1px solid aliceblue;cursor:pointer;user-select:none;box-shadow:-1px 1px 1px #000000a1;transition:all .3s}@media (max-width: 599px){.subtarea{min-width:150px}}.subtarea:nth-child(3n + 1){background-color:#1b1b32}.subtarea:nth-child(3n + 2){background-color:#2a2a40}.subtarea:nth-child(3n + 3){background-color:#3b3b4f}.subtarea-texto{width:100%;height:100%;font-size:20px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}@media (max-width: 599px){.subtarea{min-width:150px;width:99%}}.subtarea-texto-input{width:100%;text-align:center;justify-content:center;height:20px;font-size:18px;padding:14px 32px 14px 16px;border:0;outline:none;user-select:none;border-radius:3px;color:#f0f8ff;background:transparent;cursor:pointer;transition:all .3s}.subtarea-texto-input:focus{cursor:auto;background-color:#f0f8ff29;color:#f0f8ff}.subtarea.completada{background-color:#5a01a7;text-decoration:line-through}.subtarea.completada.eliminada,.subtarea.eliminada{translate:-1.5%;scale:.08;opacity:0}.subtarea-contenedor-iconos{margin:5px}.subtarea-icono{width:25px;height:25px;margin:0;transition:all .3s}.subtarea-icono:hover{translate:1.5%;scale:1.35}