.App{position:absolute;top:0;left:0;width:100%;min-height:100%;background-color:#5f5f7ac5;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;display:flex;justify-content:center;align-items:center}.contenedor-principal{background:linear-gradient(to bottom right,#ff6f00,#f012be);width:500px;margin-top:50px;min-height:500px;padding:15px;border-radius:25px;font-family:Roboto,sans-serif;font-weight:700;font-style:italic;color:#fff;box-shadow:0 0 20px #00000080;justify-content:center;font-size:15px}h1{text-align:center;display:flex;align-items:center;justify-content:center;height:40px;font-family:Montserrat,sans-serif;font-size:32px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff}@media (min-width: 768px){.contenedor-principal{max-width:768px;font-size:20px}}@media (min-width: 992px){.contenedor-principal{max-width:992px;font-size:25px}}@media (min-width: 1200px){.contenedor-principal{max-width:1200px;font-size:30px}}.tarea-contenedor{width:100%;height:auto;min-height:65px;margin-top:10px;padding:8px 15px 8px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:7px;border:1px solid white;cursor:pointer;box-sizing:border-box}.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;text-align:center}.tarea-icono{width:25px;height:25px;color:#000}.tarea-contenedor.completada{background-color:#f39c12;text-decoration:line-through;border-radius:7px;box-shadow:10px 10px 8px #0003;color:#fff}@media only screen and (max-width: 768px){.tarea-formulario{flex-direction:column;align-items:stretch}.tarea-input{width:100%;margin-bottom:10px}.tarea-boton{width:100%}.tarea-contenedor{flex-direction:column;align-items:stretch}.tarea-icono{display:none}.tarea-texto{font-size:16px;text-align:left;padding-left:10px}}.tarea-formulario{display:flex;align-items:center;justify-content:center}.tarea-input{height:20px;width:400px;font-size:18px;background-color:#fff;padding:14px 32px 14px 16px;border-radius:4px 0 0 4px;border:2px solid #00471b;outline:none}.tarea-boton{height:52px;padding:6px;font-size:18px;font-family:Roboto,sans-serif;border:none;border-radius:0 4px 4px 0;cursor:pointer;outline:none;background:#00471b;color:#fff;text-transform:capitalize}@media screen and (max-width: 768px){.tarea-formulario{flex-direction:column}.tarea-input{width:100%;margin-bottom:10px;border-radius:4px}.tarea-boton{width:100%;border-radius:4px}}.tareas-lista-contenedor{display:flex;flex-wrap:wrap;justify-content:center;margin-top:15px}@media (max-width: 768px){.tareas-lista-contenedor{flex-direction:column;align-items:center}}