@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;800&family=Roboto:ital,wght@0,300;0,500;0,700;1,700&display=swap";.contenedor{max-width:700px;width:100%;height:100%;max-height:90vh;overflow:auto;box-shadow:0 2px 10px #8b8b8b40;border-radius:3px;display:grid;grid-template-rows:auto auto 1fr;background-color:#bfbfbf}.header{background-color:#332475;padding:1rem;display:flex;justify-content:space-between;align-items:center}.header__titulo{font-size:1.5rem;color:#eaeaea;font-weight:500}.header__boton{display:flex;justify-content:space-between;align-items:center;background-color:#8a2be2;color:#f5f5f5;border:none;border-radius:3px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:all ease .3s}.header__boton:hover{background-color:#6f42c1}.header__icono--boton{margin-left:.5rem}.formulario-tarea{padding:1rem;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;position:relative}.formulario-tarea__input{flex:1 1 70%;padding:1rem;border:none;border-radius:3px;box-shadow:0 2px 10px #8b8b8b40;border-bottom:2px solid #6f42c1;outline:none;font-size:1rem;color:#56525d;font-weight:500;font-size:1.1rem;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.formulario-tarea__input::placeholder{color:#bfbfbf}.formulario-tarea__btn{flex:1 1 20%;color:#8a2be2;border:none;border-radius:3px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:all ease .3s;position:absolute;right:1rem;height:3.2rem}.lista-tareas{padding:1rem;display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:start}.lista-tareas__tarea{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:1rem;border-radius:3px;box-shadow:0 2px 10px #8b8b8b40;font-size:1.5rem;font-weight:300;color:#56525d}.lista-tareas__tarea--check{margin-right:1rem}.lista-tareas__tarea--icono{margin-left:1rem;cursor:pointer;transition:all ease .3s;font-size:1.2rem}.lista-tareas__tarea--acciones{margin-left:0;align-self:flex-end;color:#56525d}.lista-tareas__tarea--acciones .delete:hover{color:red}.lista-tareas__tarea--acciones .edit:hover{color:#00ff48}.formulario-editar-tarea{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;position:relative;flex-grow:1}.formulario-tarea__input{width:100%}.formulario-editar-tarea-btn{flex:1 1 20%;color:#8a2be2;border:none;border-radius:3px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:all ease .3s;position:absolute;right:0;height:3.2rem}.lista-tarea-mensaje{width:100%;max-height:50vh;height:10vh;text-align:center;font-size:1.5rem;font-weight:300;color:#56525d}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh;display:flex;justify-content:center;padding:50px 0}body{font-family:Roboto,sans-serif;background-color:#0c001f}