: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;font-size:62.5%;height:100%}body{background-color:#edf2f6;background-color:var(--gris1);font-family:Roboto,sans-serif;font-family:var(--textFont);font-size:16px;font-size:1.6rem;min-height:100%}h1,h2{color:#2f3848;color:var(--gris2);font-family:Raleway,sans-serif;font-family:var(--headingFont);font-weight:900;margin:0 0 4rem;text-align:center}h1 span{font-weight:400}h1{font-size:3rem}h2{font-size:2.4rem}ul{list-style:none;margin:0;padding:0}a{color:#2f3848;color:var(--gris2);text-decoration:none}.btn{border:none;border-radius:.5rem;font-family:Raleway,sans-serif;font-family:var(--headingFont);font-size:1.4;font-weight:400;margin-top:2rem;padding:1.5rem;transition:background-color .3s ease}.btn:hover{cursor:pointer}.btn-primary{background-color:#2f3848;background-color:var(--gris2);color:#fff;color:var(--blanco)}.btn-primary:hover{background:#1a202d;background:var(--gris3)}.btn-secondary{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{background-color:initial;display:block;margin:0;padding:0}.log-out{color:#fff}@media (min-width:768px){.app-container{display:flex;min-height:100vh}aside{background-color:#fff;background-color:var(--blanco);flex:0 0 300px}.principal-section{flex:1 1}}aside{padding:3rem}.form-new-project{margin-top:6rem}.form-new-project .input-text{background-color:#edf2f6;background-color:var(--gris1);border-bottom:1px solid #2f3848;border-bottom:1px solid var(--gris2);border-radius:0}.form-new-project .input-text::-webkit-input-placeholder{color:#2f3848;color:var(--gris2)}.form-new-project .input-text::placeholder{color:#2f3848;color:var(--gris2)}.projects{margin-top:10rem}.projects-list li{margin-bottom:2rem}.projects-list li a{color:#2f3848;color:var(--gris2);font-size:1.4rem;font-weight:300;line-height:1.5}.app-header{background-color:#2f3848;background-color:var(--gris2);display:flex;justify-content:space-between;padding:4rem}.user-name{color:#fff;color:var(--blanco);font-size:2.2rem;margin:0}.user-name span{font-weight:900}.principal-nav a{color:#fff;color:var(--blanco);text-decoration:none}.principal-nav a:first-of-type{margin-right:2rem}.custom-form{background-color:#1a202d;background-color:var(--gris3);padding:4rem}.custom-form form{margin:0 auto;max-width:600px}.input-container{display:flex}.input-container label{color:#fff;color:var(--blanco);margin-bottom:1rem}.input-text{border:none;border-radius:.5rem;flex:1 1;padding:1rem;width:100%}.tasks-container{padding:4rem}.tasks-list{margin:0 auto;max-width:600px}.task{align-items:center;background-color:#fff;background-color:var(--blanco);border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 2rem}.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{flex:1 1;font-size:1.6rem;padding-right:2rem}.task .btn{border-radius:0;font-size:1.4rem;margin:0;padding:.8rem}.state{margin-right:1rem}.message,.state button{border:none;border-radius:.5rem;cursor:pointer;font-family:Roboto,sans-serif;font-family:var(--textFont);font-size:1rem;font-weight:900;padding:.5rem}.message{border-radius:0;font-size:1.6rem;text-align:center}.message:hover{cursor:default}.complete,.correct{background-color:rgba(154,252,154,.3)}.complete,.correct,.incomplete{color:#1a202d;color:var(--gris3)}.incomplete{background-color:hsla(0,100%,85%,.4)}.error{background-color:#a00;color:#fff;color:var(--blanco);margin:2rem auto 0;max-width:600px}.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}.user-form{align-items:center;background-color:#2f3848;background-color:var(--gris2);display:flex;height:100vh;justify-content:center;min-height:800px}.form-container{background-color:#fff;background-color:var(--blanco);border-radius:1rem;max-width:500px;padding:5rem 3rem;width:95%}.form-field{align-items:center;display:flex;margin-bottom:2rem}.form-field:last-of-type{margin:0}.form-field label{flex:0 0 100px;font-family:Roboto,sans-serif;font-family:var(--textFont)}.form-field input[type=email],.form-field input[type=password],.form-field input[type=text]{border:1px solid #e1e1e1;flex:1 1;padding:1rem}.account-link{display:block;margin-top:2rem;opacity:.7}.alert{border-radius:1rem;font-family:Raleway,sans-serif;font-family:var(--headingFont);font-size:2.2rem;font-weight:600;left:0;padding:1rem 3rem;position:fixed;text-align:center;text-transform:uppercase;top:0;width:100%}@media (min-width:768px){.alert{left:auto;right:10px;top:30px;width:auto}}.alert-ok{background-color:#6dd36d;color:#026702}.alert-error{background-color:#e64e4e;color:#fff;color:var(--blanco)}
/*# sourceMappingURL=main.fdf56b62.css.map*/