@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";:root{--verde: #80BE4E;--azul: #007AEA}body{background-color:#000}.lista-tareas::-webkit-scrollbar{width:5px}.lista-tareas::-webkit-scrollbar-thumb{background:#00ba32;border-radius:70px;border:2px solid rgb(0,0,0)}.contenedor{background-color:#faebd7;max-width:700px;width:100%;max-height:98.5vh;overflow:auto;box-shadow:0 5px 30px;border-radius:10px;display:grid;grid-template-rows:auto auto 1fr;border-bottom:2px solid rgba(18,133,0,.956);animation-name:dinamico;animation-duration:1.6s;animation-timing-function:ease-in-out;animation-direction:alternate-reverse;animation-iteration-count:infinite}.header{border:2px solid;display:grid;grid-template-columns:20% 50% 30%;align-items:center;justify-content:space-evenly;height:90px;padding:0 5px;background:#000;color:#fff;border-radius:10px 10px 0 0;animation-name:dinamico;animation-duration:1.6s;animation-timing-function:ease-in-out;animation-direction:alternate-reverse;animation-iteration-count:infinite}.logo-tu-millon{height:90%;width:90%;background-image:url(./korverlogo-fl_Wab4i.jpg);background-repeat:no-repeat;background-size:contain;background-position:center center}.header__titulo{font-weight:400;font-size:24px;display:flex;justify-content:center}.header__boton{background:none;font-size:11px;color:#fff;border:none;cursor:pointer;background:#2f2f2f;padding:5px 10px;border-radius:3px;display:flex;align-items:center;justify-content:center}.header__icono-boton{font-size:14px;margin-left:10px}.formulario-tareas{display:flex;justify-content:space-between;align-items:center;position:relative;padding:15px;box-shadow:0 0 7px gray;border-right:2px solid rgba(13,100,0,.603);border-left:2px solid rgba(13,100,0,.603)}.formulario-tareas__input{border:none;padding:15px;width:100%;font-size:20px;font-family:Roboto,sans-serif;border-bottom:1px solid #00da12;color:#20ef00;background-color:transparent}.formulario-tareas__input:focus{outline:none;border-bottom:1px solid #00da12}.formulario-tareas__btn{position:absolute;bottom:40px;right:25px;border:none;background:none;cursor:pointer}.formulario-tareas__icono-btn{font-size:25px;color:var(--verde)}.lista-tareas{list-style:none;height:100%;overflow:auto;border-right:2px solid rgba(13,100,0,.603);border-left:2px solid rgba(13,100,0,.603)}@keyframes dinamico{0%{color:#41ff24e7}to{color:#41ff2456}}.lista-tareas__tarea{height:65px;padding:0 20px;align-items:center;font-size:18px;display:grid;grid-template-columns:auto 1fr auto;border-bottom:1px solid black}.lista-tareas__tarea:last-child{border-bottom:1px solid rgb(0,0,0)}.lista-tareas__texto{text-align:left;width:100%;color:#000}.lista-tareas__tarea:hover .lista-tareas__icono-accion{opacity:1}.lista-tareas__tarea:nth-child(2n){color:#000}.lista-tareas__contenedor-botones{display:flex;color:#000}.lista-tareas__icono{cursor:pointer;font-size:16px}.lista-tareas__icono-check{margin-right:20px;font-size:26px}.lista-tareas__icono-accion{margin-left:10px;opacity:.2;transition:.3s ease all}.lista-tareas__mensaje{text-align:center;color:#0f72009a;font-size:20px;padding:40px 20px}.formulario-editar-tarea{display:flex}.formulario-editar-tarea__input{width:100%;border:none;border-bottom:2px solid #b8b8b8;background:none;font-size:20px;font-family:Roboto,sans-serif;margin-right:20px}.formulario-editar-tarea__btn{border:none;background:var(--verde);cursor:pointer;color:#fff;padding:0 10px;font-family:Roboto,sans-serif;border-radius:3px}.formulario_footer{position:relative;height:70px;display:grid;grid-template-columns:100%;align-items:center;justify-content:center;background:#000;color:#fff;border-radius:0 0 10px 10px;animation-name:dinamico;animation-duration:1.6s;animation-timing-function:ease-in-out;animation-direction:alternate-reverse;animation-iteration-count:infinite;border:2px solid;border-bottom:none}.formulario_footer p{font-size:small;padding:17px}.formulario_footer a{font-size:8px;color:#00da12;position:absolute;right:5px;bottom:1px}.footer_div{display:flex;justify-content:center;align-items:center;width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh;display:flex;justify-content:center;padding:5px 0}body{font-family:Roboto,sans-serif}