:root{--blanco:#fff;--gris1:#edf2f6;--gris2:#2f3848;--gris3:#1a202d;--negro:#000;--headingFont:"Raleway",sans-serif;--textFont:"Roboto",sans-serif}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;height:100%;font-size:62.5%}body{min-height:100%;background-color:#edf2f6;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:#2f3848;color:var(--gris2)}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:#2f3848;color:var(--gris2)}.btn{background-color:#fff;background-color:var(--blanco);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}input[type=submit]:active{background-color:#000}.btn-primary{background-color:#2f3848;background-color:var(--gris2);color:#fff;color:var(--blanco)}.btn-primary:hover{background:#1a202d;background:var(--gris3)}.btn-secundary{background-color:#edf2f6;background-color:var(--gris1)}.btn-block{display:block;width:100%}.btn-submit:hover{background-color:#2f3848;background-color:var(--gris2)}.btn-blank{margin:0;padding:0;display:block;background-color:transparent}@media (min-width:768px){.container-app{display:flex;min-height:100vh}aside{background-color:#fff;background-color:var(--blanco);flex:0 0 300px}.section-main{flex:1 1}}aside{padding:3rem}.form-new-project{margin-top:6rem}.form-new-project .input-text{border-bottom:1px solid #2f3848;border-bottom:1px solid var(--gris2);border-radius:0;background-color:#edf2f6;background-color:var(--gris1)}.form-new-pro .input-text::-webkit-input-placeholder{color:#2f3848;color:var(--gris2)}.form-new-pro .input-text:-ms-input-placeholder{color:#2f3848;color:var(--gris2)}.form-new-pro .input-text::placeholder{color:#2f3848;color:var(--gris2)}.projects{margin-top:10rem}.list-projects li{margin-bottom:2rem}.list-projects li button{font-size:1.4rem;color:#2f3848;color:var(--gris2);line-height:1.5;font-weight:300;position:relative}.list-projects li button:before{content:"";background-color:#1a202d;background-color:var(--gris3);position:absolute;top:20px;width:100%;height:2px;animation:increment 1s ease}@keyframes increment{0%{width:0}to{width:100%}}.app-header{display:flex;justify-content:space-between;background-color:#2f3848;background-color:var(--gris2);padding:4rem}.name-user{color:#fff;color:var(--blanco);font-size:2.2rem;margin:0;font-weight:200}.name-user span{font-weight:600;letter-spacing:2px}.nav-main a{color:#fff;color:var(--blanco);text-decoration:underline;text-underline-offset:4px}.nav-main a:first-of-type{margin-right:2rem}.form{background-color:#1a202d;background-color:var(--gris3);padding:4rem}.form form{max-width:600px;margin:0 auto}.container-input{display:flex}.container-input label{margin-bottom:1rem;color:#fff;color:var(--blanco)}.input-text{padding:1rem;border:none;border-radius:.5rem;flex:1 1;width:100%}.container-task{padding:4rem}.list-task{max-width:600px;margin:0 auto}.task{display:flex;justify-content:space-between;background-color:#fff;background-color:var(--blanco);padding:.5rem 2rem;align-items:center;margin-bottom:1rem;border-radius:.5rem}.shadow{box-shadow:0 4px 10px -3px #757575}.shadow-dark{box-shadow:0 6px 11px -8px rgba(0,0,0,.9)}.task .actions .btn:first-of-type{margin-right:1rem}.task p{font-size:1.6rem;flex:1 1;padding-right:2rem}.task .btn{padding:.8rem;font-size:1.4rem;border-radius:0;margin:0}.state{margin-right:1rem}.mensaje,.state button{font-weight:900;font-family:"Roboto",sans-serif;font-family:var(--textFont);font-size:1rem;padding:.5rem;border-radius:.5rem;cursor:pointer;border:none}.message{text-align:center;font-size:1.6rem;border-radius:0}.message:hover{cursor:default}.complete,.success{background-color:rgba(154,252,154,.3)}.complete,.incomplete,.success{color:#1a202d;color:var(--gris3)}.incomplete{background-color:rgba(255,178,178,.4)}.err-newproject{color:red;text-align:center}.error{max-width:600px;margin:2rem auto 0;background-color:#a00;color:#fff;color:var(--blanco)}.project-enter,.task-enter{opacity:0}.project-enter-active,.task-enter-active{opacity:1;transition:opacity .2s}.project-exit,.task-exit{opacity:1}.project-exit-active,.task-exit-active{opacity:0;transition:opacity .2s}.form-user{background-color:#2f3848;background-color:var(--gris2);height:100vh;min-height:800px;display:flex;align-items:center;justify-content:center}.container-form{padding:5rem 3rem;max-width:500px;width:95%;background-color:#fff;background-color:var(--blanco);border-radius:1rem}.field-form{margin-bottom:2rem;align-items:center}.field-form:last-of-type{margin:0}.field-form label{flex:0 0 100px;font-family:"Roboto",sans-serif;font-family:var(--textFont)}.field-form input[type=email],.field-form input[type=password],.field-form input[type=text]{margin-top:5px;border:1px solid #e1e1e1;padding:1rem;width:100%}.href-account{margin-top:2rem;display:block;opacity:.7}.alert{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){.field-form{display:flex;margin-bottom:2rem;align-items:center}.field-form input[type=email],.field-form input[type=password],.field-form input[type=text]{margin-top:0}.alert{width:auto;top:30px;right:10px;left:auto}}.alert-ok{background-color:#6dd36d;color:#026702}.alert-error{background-color:#e64e4e;color:#fff;color:var(--blanco)}.container-app .spinner{width:60px;height:60px;position:relative;margin:200px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s ease-in-out infinite}.double-bounce2{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
/*# sourceMappingURL=main.564fb6ce.chunk.css.map */