@import"https://fonts.googleapis.com/css?family=Nunito:200,300,400,700,900&display=swap";@import"https://fonts.googleapis.com/css?family=Overpass|PT+Sans+Narrow|Rajdhani&display=swap";*{--diff: calc(var(--max-size) - var(--min-size));--responsive: calc((var(--min-size) * 1rem) + var(--diff) * ((100vw - 26.25rem) / (75 - 26.25)));--diff-height: calc(var(--max-height) - var(--min-height));--responsive-height: calc((var(--min-height) * 1rem) + var(--diff-height) * ((100vw - 26.25rem) / (75 - 26.25)))}body{margin:0;font-family:Nunito,sans-serif;background:#f7f7f7;cursor:default}a{text-decoration:none;color:unset}h1{margin:0;font-weight:300;--max-size: 3;--min-size: 1.6;font-size:var(--responsive)}input{padding:5px 7px;border:1px solid #d8d8d8;border-radius:3px;font-size:1rem;background-color:unset;color:#eff1f4}button{font-family:PT Sans Narrow,sans-serif;font-size:1.25rem;border:none;background:none}button:focus{outline:none}.app{height:100vh}.container{display:flex}.container.col{flex-direction:column}.wrapper{padding:20px 40px}.row{display:flex}.col{display:flex;flex-direction:column}.col.half{width:50%}.col.full{width:100%}.page{padding:15px 8%}.projectlist-header,.sprintlist-header,.tasklist-header,.mytasks-header{display:flex;align-items:center;margin:0 10px}.projectlist-content,.sprintlist-content{display:flex;flex-direction:column;max-height:600px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.sprintlist-content,.tasklist-content,.mytasks-content{padding-bottom:40px}.projectlist-content::-webkit-scrollbar,.sprintlist-content::-webkit-scrollbar{width:0;height:0}.projectlist-header>h1,.sprintlist-header>h1,.tasklist-header>h1{padding-right:10px}.projectlist-header:hover>img.icon,.sprintlist-header:hover>img.icon,.tasklist-header:hover>img.icon{visibility:visible}img.icon.add{visibility:hidden;width:20px;cursor:pointer}.selector-row{height:41px;align-items:center}.button-bg{background:none;margin:7px;border-radius:8px}.button-bg.active>button{color:#f5f5f5}.active#all-tasks{background-color:#d593e8}.active#open-tasks{background-color:#36c8a3}.active#in-progress-tasks{background-color:#46a1fd}.active#done-tasks{background-color:#fd9e3c}.task-item{display:flex;flex-direction:column;margin:5px 10px;padding:15px;border:1px solid #d3d3d3;border-radius:5px;background-color:#fff}.task-upper{display:flex;justify-content:space-between;width:100%;align-items:center}.task-lower{display:flex;align-items:center}.unassigned-avatar{width:30px}.task-description{flex:1;margin:0}.task-name{font-weight:bolder}.modal-backdrop{position:fixed;inset:0;z-index:999}.modal{width:30vw;min-width:320px;background:#708090;box-shadow:0 0 15px #0000004d;margin:5% auto 0;padding:5% 10%;border-radius:5px;color:#eff1f4}.modal-header{padding-bottom:2%}.modal-input{display:flex;flex-direction:column;padding-bottom:2%}.submit-btn{display:flex;justify-content:flex-end;padding-top:20px}button.add-button,button.dlt-button{cursor:pointer;background:none;border:none;border-radius:5px;color:#eff1f4;padding:5px 8px}button.add-button:hover{background:#36c8a3;color:#f5f5f5;cursor:pointer}button.dlt-button:hover{background:#d84733;color:#f5f5f5;cursor:pointer}@media screen and (max-width:1000px){.row{flex-direction:column;align-items:center}.col.half{width:600px}}@media screen and (max-width:420px){.page{padding:1rem 1.3rem}.wrapper{padding:1.5rem 0}.col.half{width:100%}}.landing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Rajdhani,sans-serif}.welcome-message{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;--max-size: 5.5;--min-size: 3.6;font-size:var(--responsive);position:relative;font-family:Rajdhani,sans-serif}.welcome-button-center{display:flex;flex-direction:column;justify-content:space-around;align-items:center;z-index:2;width:200px;left:50%;padding-top:10px;padding-bottom:10px;font-size:1.5rem;cursor:pointer}.welcome-button-right{display:flex;flex-direction:row;justify-content:space-between;align-items:right;z-index:2;right:5.5vw;padding-top:10px;padding-bottom:10px;font-size:1.5rem;cursor:pointer}.text-black{color:#000}.about-button{display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:absolute;z-index:2;bottom:20px;width:200px;left:50%;margin-left:-100px;color:#fff;font-size:1.5rem;cursor:pointer}.about-button-animation-appear{height:15vh}.about-button-animation-appear-active{height:10vh;transition:height .5s ease-in}.splash-welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#fff;background-image:url(/assets/splash-background-aM15fA5q.jpg);background-size:cover}.splash-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#708090;color:#fff;height:100vh}.welcome-message>span{margin:0 10px}.brand-name{display:flex;flex-direction:row;align-items:center;justify-content:center}.brand-name>span{margin:0 5px}.splash-logo{width:70px}.about-info-container{display:flex;width:inherit;padding:0 30vw;--max-size: 1.8;--min-size: 1.4;font-size:var(--responsive);flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:75px 20vw 0;--max-height: 3;--min-height: 2;line-height:var(--responsive-height)}.about-info-container>div{--max-size: 2.1;--min-size: 1.7;font-size:var(--responsive);padding-top:3vw}.about-content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Rajdhani,sans-serif}.splash-title{display:flex;flex-direction:column;justify-content:center;align-items:center;height:150px;--max-size: 4;--min-size: 2;font-size:var(--responsive);padding-top:40px}.team-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Rajdhani,sans-serif;padding-top:30px}.team-cards-container{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;margin-top:10px;padding-top:25px;font-family:Rajdhani,sans-serif}.faq-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;height:max-content;padding:80px 30px 0;background:#fff}.faq-continer{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.faq-info{display:flex;flex-flow:row wrap;justify-content:space-between;padding:100px 20px;font-family:Rajdhani,sans-serif}.faq-info-r{display:flex;flex-flow:row wrap-reverse;justify-content:space-between;justify-content:space-around;padding:100px 20px;font-family:Rajdhani,sans-serif}.faq-text{word-wrap:normal;width:56%;padding:2%;font-size:1.5em;color:#708090}.faq-image{width:40%}.faq-image img{width:100%}@media screen and (max-width:420px){.splash-section{position:relative;justify-content:flex-start;align-items:center;min-height:100vh;height:auto}.welcome-button-center{position:absolute;bottom:2rem;left:unset}.splash-welcome{justify-content:unset}.welcome-message{padding-top:8rem}.about-button{bottom:3rem}.about-info-container{padding:1rem}.about-info-container>div{padding-top:2vh}.splash-title{height:unset}.splash-title>h1{font-size:2rem}.faq-info{flex-direction:column-reverse}.faq-info-r{flex-direction:column}.faq-image{width:100%}.faq-text{text-align:center;width:unset;padding-bottom:1rem}.faq-info,.faq-info-r{padding:4rem 1.2rem}.faq-section{padding:0}.welcome-button-right.text-black{padding-bottom:2.5rem}.team-cards-container{padding:0}.team-container{padding-top:0}.member-name{display:none}.team-cards-container .team-card{width:unset}}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.github-button{background-color:#36c8a3;color:#fff;border-radius:5px;padding:10px 20px;margin:20px;opacity:.9;transition:.3s;display:inline-block;text-decoration:none;cursor:pointer;font-weight:700}.github-button:hover{opacity:1}.team-card{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.8rem;margin:0 10px;--max-size: 7.5;--min-size: 6;width:var(--responsive)}.profile-image{--max-size: 3.8;--min-size: 2;width:var(--responsive);border-radius:100px}::placeholder{color:#aaa}.add-project-title-input{width:97%;padding:5px;font-size:1.2rem;margin-bottom:5px}.add-project-button{display:flex;float:right;align-self:flex-end;margin-top:20px;padding:5px 8px;border-radius:5px;cursor:pointer;background-color:#36c8a3;color:#fff}.error-message{color:red}.modal-animation-enter{opacity:.01}.modal-animation-enter-active{opacity:1;transition:opacity .1s ease-in}.modal-animation-exit{opacity:1}.modal-animation-exit-active{opacity:.01;transition:opacity .1s ease-in}.modal-animation-appear{opacity:.01}.modal-animation-appear-active{opacity:1;transition:opacity .2s ease-in}.added-contributor-list-container{display:flex;flex-direction:row;flex-wrap:wrap;padding-bottom:3px}.added-contributor-container{display:flex;justify-items:center;align-content:space-between;padding:2px 2px 2px 10px;border:1px solid #d8d8d8;border-radius:5px;width:inherit;cursor:default;margin:2px}.added-contributor-container span{margin-left:5px;margin-right:10px}.remove-contributor-button{padding:4px 4px 0 0;width:15px;height:15px;cursor:pointer}.search-contributors-input{width:97%;padding:5px;font-size:1.2rem;margin-bottom:2px;margin-top:5px}.fuzzy-user{cursor:pointer;background-color:#c5ced8;padding:5px;color:#708090}.fuzzy-user:hover{background-color:#a4b1bd;color:#eff1f4;cursor:pointer}.fuzzy-invite{cursor:pointer;background-color:#36c8a3;padding:5px}.fuzzy-list-container{position:relative;top:-1px;left:2px;z-index:2000;width:21vw;min-width:200px}.fuzzy-list-container :last-child{border-radius:0 0 5px 5px}.project-picker-container{display:flex;flex-direction:row;flex-wrap:wrap}.project-picker-container div{margin-right:10px}.project-button{background:none;margin:2px 7px;border-radius:8px}.project-button.active>button{color:#f5f5f5}.active#ALL{background-color:#d593e8}.active{background-color:#46a1fd}.mytasks-content{display:flex;flex-direction:column;max-height:500px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.mytasks-content::-webkit-scrollbar{width:0px;height:0px}.task-item.profile:hover{background:#fff}.selected-status{display:flex;flex-direction:column;border-radius:5px;font-size:1rem;padding:5px;position:relative;cursor:pointer}.selected-status:hover .options-wrapper{visibility:visible}.selected-status:hover{background-color:#708090;color:#fff}.status:hover{font-style:italic}.options-wrapper{word-wrap:normal;visibility:hidden;position:absolute;z-index:1000;top:30px;right:0;display:flex;flex-direction:column;cursor:pointer;padding:8px 2px;border-radius:5px}.options{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;width:max-content;padding:5px;border-radius:5px;background-color:#708090;color:#fff}.status-picker-container{display:flex;flex-direction:row}.status-picker-container div{margin-right:10px}.nav-bar{padding-top:20px;padding-left:2vw;padding-right:2vw;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.nav-item{display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;font-size:1.4rem}.nav-item :first-child{margin-right:8px}.profile-card-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.dropdown-container{display:flex;position:absolute;padding-top:30px;top:60px;right:2vw;z-index:10000}.dropdown-content{display:flex;flex-direction:column;background-color:#c5ced8;border-radius:5px;padding:10px}.dropdown-item{margin:5px}.username{color:#4d4d4d;cursor:default}.logout-button{cursor:pointer}.logout-button:hover{font-weight:bolder}.avatar{width:60px;border-radius:5vh}@media(max-width:768px){.profile-card-container{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;height:unset;width:unset}}.projectcard-header{margin:0 10px;padding-bottom:20px;border-bottom:1px solid #d3d3d3}.projectcard-header h1{--max-size: 3.2;--min-size: 2;font-size:var(--responsive)}.create-project-button{text-align:center;width:20px;height:20px;background:#36c8a3;color:#fff;border-radius:100%;cursor:pointer;margin-left:15px}.project-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;background-color:#c5ced8;border-radius:5px;font-size:1.2rem;margin:5px 10px;padding:20px}.project-item:hover{background-color:#708090;color:#fff;box-shadow:0 0 6px #0006}.created-by{font-size:.8rem}.modal-header{display:flex;font-size:2rem;justify-content:center}.sprint-item{display:flex;flex-direction:column;margin:5px 10px;padding:20px;border-radius:5px;font-size:1.2rem;background-color:#c5ced8}.sprint-item.active{box-shadow:0 0 6px #0006;background-color:#708090;color:#fff}.sprint-item:hover img.options-icon{visibility:visible}.sprint-header{display:flex;justify-content:space-between}.sprint-name{font-weight:bolder;max-width:80%;overflow-wrap:break-word}.expand-btn{position:relative}img.options-icon{visibility:hidden;position:absolute;top:-10px;right:0;width:20px;cursor:pointer;padding:8px 2px}.sprint-content{display:flex}.sprint-date{font-style:italic;flex:1}#add-task{text-align:center;width:20px;height:20px;background:#36c8a3;color:#fff;border-radius:100%;cursor:pointer;margin-left:15px}.tasklist-content{display:flex;flex-direction:column;max-height:559px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.tasklist-content::-webkit-scrollbar{width:0px;height:0px}.sm-avatar{width:30px;border-radius:100%}.task-item:hover{cursor:pointer;background:#ebebeb}.team-member-item{display:flex;align-items:center;padding:3px 0;border-radius:8px;width:min-content}.assignee-header{display:flex;align-items:center}.team-member-list{display:flex;overflow:scroll;padding:5px 0;-ms-overflow-style:none;scrollbar-width:none}.team-member-list::-webkit-scrollbar{width:0px}.avatar-sm,.assignee-avatar{width:40px;border-radius:100%;border:1px solid rgba(0,0,0,0)}.assignee-avatar{padding:0 20px}.avatar-sm:hover{border:1px solid #36C8A3;cursor:pointer}.assignee-container{display:flex;flex-direction:column}.assignee-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}