*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}::-webkit-scrollbar{width:.3rem;height:.3rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(236,240,241,.3)}::-webkit-scrollbar-thumb:hover{background:rgba(236,240,241,.5)}body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;font-size:1.6rem;font-weight:400;position:relative}a{text-decoration:none;color:inherit;cursor:pointer}ul{list-style:none}.container{display:grid;grid-template-columns:100vw;grid-template-rows:100vh}.heading{letter-spacing:.5rem;text-align:center;transition:.4s}@media only screen and (max-width:50em){.heading{letter-spacing:.2rem}}.heading-upper{text-transform:uppercase}.heading-bold{font-weight:700}.heading-text{font-size:2rem;font-weight:400}@media only screen and (max-width:50em){.heading-text{font-size:1.6rem}}@media only screen and (max-width:25em){.heading-text{font-size:1.4rem}}.heading-text-sm{font-size:1.6rem;letter-spacing:0;font-weight:300;opacity:.6}@media only screen and (max-width:62.5em){.heading-text-sm{font-size:1.4rem}}@media only screen and (max-width:37.5em){.heading-text-sm{font-size:1.6rem}}@media only screen and (max-width:28.75em){.heading-text-sm{font-size:1.4rem}}.heading-1{font-size:5rem}@media only screen and (max-width:50em){.heading-1{font-size:4rem}}@media only screen and (max-width:28.75em){.heading-1{font-size:3rem}}.heading-3{font-size:3rem;letter-spacing:.2rem}@media only screen and (max-width:62.5em){.heading-3{font-size:2rem}}@media only screen and (max-width:37.5em){.heading-3{font-size:1.6rem}}.btn{font-family:Arial,Helvetica,sans-serif;background:none;cursor:pointer;padding:.5rem 2rem;color:#ecf0f1;font-size:2rem;border:none;outline:none;transition:.4s}@media only screen and (max-width:50em){.btn{padding:.3rem 1.3rem;font-size:1.8rem}}@media only screen and (max-width:37.5em){.btn{padding:.2rem 1.2rem;font-size:1.6rem}}.btn-sm{padding:.25rem 1rem;font-size:1.6rem}.btn-dark{background-color:#111;border:.2rem solid #111}.btn-dark:hover{background-color:#1e1e1e;border:.2rem solid #1e1e1e}.btn-disabled{background-color:#444;border:.2rem solid #444}.btn-red{background-color:#e74c3c;border:.2rem solid #e74c3c}.btn-red:hover{background-color:#ea6153;border:.2rem solid #ea6153}.container__projects{display:grid;grid-template-columns:20vw 80vw}@media only screen and (max-width:56.25em){.container__projects{grid-template-columns:30vw 70vw}}.projects{overflow:hidden;height:100%;color:#ecf0f1;background-color:#444;display:flex;flex-direction:column}.projects__top-logo{text-transform:uppercase;font-size:2.2rem;font-weight:500;letter-spacing:.5rem;padding:1rem 0;text-align:center}.projects__top-logo span{color:#e74c3c}@media only screen and (max-width:37.5em){.projects__top-logo{font-size:1.8rem}}@media only screen and (max-width:25em){.projects__top-logo{font-size:1.4rem;letter-spacing:.2rem}}.projects__top-welcome{font-size:1.8rem;opacity:.8}.projects__top-add,.projects__top-welcome{text-transform:uppercase;text-align:center}.projects__top-add{font-size:1.6rem;font-weight:600;width:100%;padding:1rem 0}@media only screen and (max-width:37.5em){.projects__top-add{font-weight:400;font-size:1.4rem}}@media only screen and (max-width:25em){.projects__top-add{font-size:1.2rem}}.projects__middle{flex:1 1;overflow-y:auto}.projects__middle-list{width:100%;display:flex;flex-direction:column;overflow-y:auto}.projects__middle-list--item{font-size:1.2rem;padding:1rem;overflow-x:hidden}.projects__middle-list--item:hover{background-color:rgba(236,240,241,.2)}.projects__end{display:flex;justify-content:space-between}.projects__end-links{padding:1rem}.projects__end-links svg{width:3rem;height:3rem;fill:#ecf0f1}@media only screen and (max-width:56.25em){.projects__end-links svg{height:2rem;width:2rem}}@media only screen and (max-width:37.5em){.projects__end-links svg{height:1.5rem;width:1.5rem}}.projects__end-links:hover{background-color:rgba(236,240,241,.2)}.tasks{background-color:#333;color:#ecf0f1;overflow-y:auto}.tasks,.tasks__noTasks{display:flex;flex-direction:column}.tasks__noTasks{margin:auto;align-items:center}.tasks__noTasks svg{fill:#c1c1c1;height:30rem;width:30rem;margin-bottom:2rem}.tasks__noTasks-msg{color:#888;text-align:center;font-size:3rem}.tasks__projectInfo{width:100%;background-color:#111;display:grid;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;align-items:center;justify-content:space-between;padding:.5rem}@media only screen and (max-width:37.5em){.tasks__projectInfo{padding:.5rem}}.tasks__projectInfo-name{font-size:2rem}@media only screen and (max-width:56.25em){.tasks__projectInfo-name{font-size:1.6rem}}@media only screen and (max-width:37.5em){.tasks__projectInfo-name{font-size:1.4rem}}@media only screen and (max-width:28.75em){.tasks__projectInfo-name{font-size:1.2rem}}.tasks__projectInfo-actions svg{height:2rem;width:2rem;fill:#ecf0f1;padding:0}@media only screen and (max-width:37.5em){.tasks__projectInfo-actions svg{height:1.5rem;width:1.5rem}}.tasks__container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem}@media only screen and (max-width:87.5em){.tasks__container{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:68.75em){.tasks__container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:50em){.tasks__container{grid-template-columns:repeat(1,1fr)}}.tasks__container>.task>.task__info{background-color:#222}.task{width:100%;font-size:1.6rem}@media only screen and (max-width:68.75em){.task{font-size:1.4rem}}@media only screen and (max-width:50em){.task{font-size:1.3rem}}@media only screen and (max-width:28.75em){.task{font-size:1.2rem}}.task__info{grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;transition:.4s;padding:1rem .5rem}.task__info,.task__info-data{display:grid;align-items:center}.task__info-data{grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr}.task__info-done{position:relative;border-radius:50%;border:.1rem solid #ddd;width:2rem;height:2rem;margin-right:1rem}@media only screen and (max-width:28.75em){.task__info-done{width:1rem;height:1rem;margin-right:.5rem}}.task__info-done--checked{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:1.4rem;height:1.4rem;background-color:#e74c3c}@media only screen and (max-width:28.75em){.task__info-done--checked{width:.7rem;height:.7rem}}.task__info svg{width:2rem;height:2rem;fill:#ecf0f1}@media only screen and (max-width:37.5em){.task__info svg{height:1.5rem;width:1.5rem}}.task__info:hover{background-color:hsla(0,0%,100%,.1)}.task__subTasks{padding:0 .5rem 0 1rem}.spin{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main{background-color:#222;display:grid;grid-template-columns:50% 50%;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}@media only screen and (max-width:50em){.main{grid-template-columns:0 100%}}.main__show{margin:auto;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:50em){.main__show{display:none}}.main__show svg{fill:#c1c1c1;height:30rem;width:30rem;margin-bottom:2rem}.main__show-msg{color:#888;text-align:center;font-size:3rem}.main__register{margin:auto;display:flex;flex-direction:column;align-items:center;grid-column:2/3}.main__register-h2{color:#ecf0f1;text-transform:capitalize;margin-bottom:5rem}.main__register-switch{padding:0;font-size:1.6rem}.main__copy{grid-column:1/-1;grid-row:2/3;text-align:center;color:#ecf0f1}.main__copy a{color:#e74c3c}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1}.modal__container{background-color:#ecf0f1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 1rem;border-radius:.3rem}.modal__header{font-size:1.8rem;padding:.5rem 0;display:flex;justify-content:space-between;align-items:center}.modal__header-close{color:#000;padding:0 1rem}.modal__body{margin:1rem 0}.modal__footer{padding:.5rem 0}.spinner{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1;display:flex;justify-content:center;align-items:center}.sk-fading-circle{width:5rem;height:5rem;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s ease-in-out infinite both;animation:sk-circleFadeDelay 1.2s ease-in-out infinite both}.sk-fading-circle .sk-circle2{transform:rotate(30deg)}.sk-fading-circle .sk-circle3{transform:rotate(60deg)}.sk-fading-circle .sk-circle4{transform:rotate(90deg)}.sk-fading-circle .sk-circle5{transform:rotate(120deg)}.sk-fading-circle .sk-circle6{transform:rotate(150deg)}.sk-fading-circle .sk-circle7{transform:rotate(180deg)}.sk-fading-circle .sk-circle8{transform:rotate(210deg)}.sk-fading-circle .sk-circle9{transform:rotate(240deg)}.sk-fading-circle .sk-circle10{transform:rotate(270deg)}.sk-fading-circle .sk-circle11{transform:rotate(300deg)}.sk-fading-circle .sk-circle12{transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}.form__btns{display:flex;justify-content:space-between}.form__group{display:flex;align-items:center}.form__input{padding:1rem;outline:none;border-radius:.5rem;border:.1rem solid #b9b9b9;min-width:38rem}@media only screen and (max-width:28.75em){.form__input{min-width:25rem}}.form__input-big{font-size:1.8rem;width:50rem}@media only screen and (max-width:37.5em){.form__input-big{width:auto;font-size:1.6rem}}.form__input-noBack{border:.1rem solid hsla(0,0%,72.5%,.5);background-color:hsla(0,0%,72.5%,.1);color:#ecf0f1}.form__checkbox{-webkit-appearance:none;background-color:#fff;border:1px solid #b9b9b9;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:2rem;border-radius:.3rem;display:inline-block;position:relative;outline:none;margin-left:.2rem}.form__checkbox:active,.form__checkbox:checked:active{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)}.form__checkbox:checked{background-color:#e9ecee;border:1px solid #b9b9b9;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px hsla(0,0%,100%,.1);color:#99a1a7}.form__checkbox:checked:after{content:"\2714";font-size:3rem;position:absolute;top:-.2rem;left:.9rem;color:#11a200}.form__label{margin-bottom:2rem}.form__label-text{color:rgba(236,240,241,.6);margin-bottom:.5rem;text-transform:capitalize}.form__label-error{color:#e74c3c;font-size:1.4rem;list-style:disc outside none;list-style:initial;padding-left:4rem;margin-top:.5rem}.mt-2{margin-top:2rem}.mt-5{margin-top:5rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-5{margin-bottom:5rem}.p-0{padding:0}.pl-1{padding-left:1rem}.pb-2{padding-bottom:2rem}
/*# sourceMappingURL=main.1f288435.chunk.css.map */