:root{--blanco:#d3dee6;--gris1:#84abb1;--gris2:#131d28;--gris3:#1b333c;--negro:#000;--headingFont:"Raleway",sans-serif;--textFont:"Roboto",sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:grey}::-webkit-scrollbar-thumb{background:linear-gradient(#35779e,#1c3549);border-radius:5rem}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;height:100%;font-size:62.5%}body{min-height:100%;background-color:#84abb1;background-color:var(--gris1);font-size:16px;font-size:1.6rem;font-family:"Roboto",sans-serif;font-family:var(--textFont)}h1,h2{font-family:"Raleway",sans-serif;font-family:var(--headingFont);font-weight:900;margin:0 0 4rem;text-align:center;color:#131d28;color:var(--gris2);word-break:break-all}h1 span{font-weight:400}h1{font-size:3rem}h2{font-size:2.4rem}ul{list-style:none;padding:0;margin:0}a{text-decoration:none;color:#131d28;color:var(--gris2)}.btn{margin-top:2rem;font-family:"Raleway",sans-serif;font-family:var(--headingFont);padding:1.5rem;font-size:1.4rem;font-weight:400;border-radius:.5rem;border:none;transition:background-color .3s ease}.btn:hover{cursor:pointer}.btn-primario{background-color:#131d28;background-color:var(--gris2);color:#d3dee6;color:var(--blanco);border-radius:5px!important}.btn-primario:hover{background:#00110e}.btn-secundario{background-color:#84abb1;background-color:var(--gris1);transition:background-color .8s ease;border-radius:5px!important}.btn-secundario:hover{background-color:#b32a4f}.btn-block{display:block;width:100%}.btn-submit:hover{background-color:#131d28;background-color:var(--gris2)}.btn-blank{margin:0;padding:0;display:block;background-color:transparent}.btn-eliminar{background-color:#d3dee6;background-color:var(--blanco);transition:background-color .8s ease}.btn-eliminar:hover{background-color:#b32a4f}.input-text{padding:1rem;border:none;border-radius:.5rem;flex:1 1;width:100%}.sombra{box-shadow:0 4px 10px -3px #757575}.sombra-dark{box-shadow:0 6px 11px -8px rgba(0,0,0,.9)}.mensaje{text-align:center;font-size:1.6rem;border-radius:0}.mensaje:hover{cursor:default}.completo,.correcto{background-color:rgba(154,252,154,.3)}.completo,.correcto,.incompleto{color:#1b333c;color:var(--gris3)}.incompleto{background-color:rgba(255,178,178,.4)}.error{max-width:600px;margin:2rem auto 0;background-color:#a00;color:#d3dee6;color:var(--blanco)}.proyecto-enter,.tarea-enter{opacity:0}.proyecto-enter-active,.tarea-enter-active{opacity:1;transition:opacity .2s}.proyecto-exit,.tarea-exit{opacity:1}.proyecto-exit-active,.tarea-exit-active{opacity:0;transition:opacity .2s}.alerta{position:fixed;top:0;left:0;padding:1rem 3rem;border-radius:1rem;font-family:"Raleway",sans-serif;font-family:var(--headingFont);font-weight:600;text-transform:uppercase;font-size:2.2rem;text-align:center;width:100%}@media (min-width:768px){.alerta{width:auto;top:30px;right:10px;left:auto}}.alerta-ok{background-color:#6dd36d;color:#026702}.alerta-error{background-color:#e64e4e;color:#d3dee6;color:var(--blanco)}.content-spinner{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background:rgba(0,0,0,.7)}.spinner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:40px;height:40px}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s ease-in-out infinite;animation:sk-bounce 2s ease-in-out infinite}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.form-usuario{background:linear-gradient(#35779e,#1c3549);height:100vh;display:flex;align-items:center;justify-content:center}.contenedor-form{padding:5rem 3rem;max-width:500px;width:95%;background-color:var(--blanco);border-radius:1rem}.campo-form{display:flex;margin-bottom:2rem;align-items:center}.campo-form:last-of-type{margin:0}.campo-form label{flex:0 0 100px;font-family:var(--textFont)}.campo-form input[type=email],.campo-form input[type=password],.campo-form input[type=text]{border:1px solid #e1e1e1;padding:1rem;flex:1 1}.enlace-cuenta{margin-top:2rem;display:block;opacity:.7}.formulario-nuevo-proyecto{margin-top:6rem}.formulario-nuevo-proyecto .input-text{border-bottom:1px solid var(--gris2);border-radius:0;background-color:var(--gris1)}.formulario-nuevo-proyecto .input-text::-webkit-input-placeholder{color:var(--gris2)}.formulario-nuevo-proyecto .input-text:-ms-input-placeholder{color:var(--gris2)}.formulario-nuevo-proyecto .input-text::placeholder{color:var(--gris2)}.proyecto{word-break:break-all;padding:10px;border-radius:5px;box-shadow:1px 1px 1px 1px grey;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%;font-weight:700!important}.proyecto:hover{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:1px 1px 5px 2px grey;cursor:pointer}.listado-proyectos li{margin-bottom:2rem}.proyectos{margin-top:10rem}@media (min-width:768px){aside{background-color:var(--blanco);flex:0 0 300px;max-width:300px}}aside{padding:3rem}.app-header{display:flex;justify-content:space-between;background-color:var(--gris2);padding:4rem}.nombre-usuario{color:var(--blanco);font-size:2.2rem;margin:0}.nombre-usuario span{font-weight:900}.nav-principal a{color:var(--blanco);text-decoration:none}.nav-principal a:first-of-type{margin-right:2rem}.formulario{background-color:var(--gris3);padding:4rem}.formulario form{max-width:600px;margin:0 auto}.contenedor-input{display:flex}.contenedor-input label{margin-bottom:1rem;color:var(--blanco)}.estado{margin-right:1rem}.estado button,.mensaje{font-weight:900;font-family:var(--textFont);font-size:1rem;padding:.5rem;border-radius:.5rem;cursor:pointer;border:none}.listado-tareas{max-width:600px;margin:0 auto}.tarea{display:flex;justify-content:space-between;background-color:var(--blanco);padding:.5rem 2rem;align-items:center;margin-bottom:1rem;border-radius:.5rem}.tarea .acciones .btn:first-of-type{margin-right:1rem}.tarea p{word-break:break-all;font-size:1.6rem;flex:1 1;padding-right:2rem}.tarea .btn{padding:.8rem;font-size:1.4rem;border-radius:0;margin:0}@media (min-width:768px){.contenedor-app{display:flex;min-height:100vh}.seccion-principal{flex:1 1}}.contenedor-tareas{padding:4rem}.contenedor{position:absolute;top:50%;left:50%;height:30%;width:50%;margin:-15% 0 0 -25%}
/*# sourceMappingURL=main.e6346694.chunk.css.map */