@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bangers&display=swap";.container{height:100vh;display:flex;justify-content:center;align-items:center}.flex{display:flex}.flex-column{flex-direction:column}.center{justify-content:center;align-items:center}.sign-up-container{border:solid 2px black;background-color:#fff;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}@media (min-width: 1100px){.sign-up-container{height:75%;width:30%;border-radius:1rem}}#high-five{width:75%;height:30%}@media (min-width: 1100px){#high-five{width:60%;height:50%}}.sign-in{padding:1rem;background-color:#fff;border:2px solid black;border-radius:50px;font-weight:700;box-shadow:0 4px}.sign-in:hover{cursor:pointer;transform:translateY(4px);box-shadow:0 0}@media (min-width: 1100px){.sign-in{display:flex;justify-content:center;align-items:center;padding:2rem;height:2rem;width:15rem}}.welcome-quote{padding:0 25px}.sidebar-container{background-color:#f5f5f5;z-index:5;height:100%;width:75%;top:0;left:0;position:fixed;animation-name:slideIn;animation-timing-function:ease;animation-duration:.4s;border-top-right-radius:1rem;border-bottom-right-radius:1rem}@media (min-width: 500px){.sidebar-container{width:20rem}}.transparent-sheet{position:fixed;height:100%;width:100%;top:0;left:0;background-color:#171a1c4d;z-index:4}@keyframes slideIn{0%{left:-300px}to{left:0}}.sidebar-header{height:6%;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.sidebar-divider-container{display:flex;justify-content:center;align-items:center}.sidebar-divider{width:90%}.x-button{outline:solid black 2px;padding:3px;border-radius:3px}.x-button:hover{cursor:pointer;background-color:#000;color:#fff}.sidebar-list{padding:0px 1rem;list-style-type:none;display:flex;flex-direction:column;align-items:start;height:20%}.sidebar-list li{width:100%;display:flex;align-items:center;justify-content:start;gap:.5rem;height:70%}.sidebar-list li:hover{color:#fff;background-color:#000;cursor:pointer}.list-icons{margin-left:10px}.sidebar-divider{background-color:#000}.group-section{list-style:none;height:60%;display:flex;flex-direction:column;gap:1rem;overflow:scroll;padding:0}.group-section li{display:flex;align-items:center;justify-content:start;margin-left:auto;margin-right:auto;width:80%;padding-left:3px}.group-section li span:hover{cursor:pointer;text-decoration:underline}.group-project-header{text-decoration:underline;display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:10px}.title{width:100%;overflow-wrap:break-word}.create-project{display:flex;justify-content:center;align-self:center}.form-center{display:flex;flex-direction:column;width:90%}.content-container{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:space-evenly}.default-modal{position:fixed;outline:solid 3px black;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:10px;display:flex;flex-direction:column;padding:20px;z-index:10}.modal-header{display:flex;align-items:center;justify-content:space-between;flex-basis:10%}.modal-header h1{width:90%;margin-right:2rem;text-decoration:underline;white-space:nowrap;flex-wrap:wrap;white-space:normal;display:inline-block}.modal-content{flex-basis:75%;margin:1rem 0px 2rem}.modal-buttons{flex-basis:10%;display:flex;justify-content:center;align-items:center}.modal-buttons button{border:solid black 1px;padding:10px 15px;background-color:#fff;border-radius:3px;margin:0 5px}.modal-buttons button:hover{cursor:pointer;background-color:#000;color:#fff}.dropdown-container{display:inline-block;width:200px}.selected-area{position:relative;border:solid black 1px;padding:.3rem 1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.carrot{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid black;transition:.3s}.carrot-rotate{transform:rotate(180deg)}.dropdown-selection{border-left:solid black 1px;border-right:solid black 1px;position:absolute;padding:0;background-color:#fff;margin:0;width:inherit;list-style:none}.dropdown-selection li{padding:5px 0;border-bottom:solid black 1px;overflow:hidden;padding-left:1rem}.dropdown-selection li:hover{cursor:pointer}.hide{display:none}.tag-menu-container{display:inline-block;position:relative}.tag-container{height:30px}.tag-container span{border:1px solid black;display:inline-block;margin:2px}.dropdown-selection-menu{border-left:solid black 1px;border-right:solid black 1px;border-bottom:solid black 1px;position:absolute;padding:0;background-color:#fff;margin:0;width:100%;height:10rem;overflow:scroll;list-style:none}.dropdown-selection-menu li{padding:5px 0;border-bottom:solid black 1px;overflow:hidden;padding-left:1rem}.dropdown-selection-menu li:hover{cursor:pointer}.navigation-bar{min-height:8%;display:flex;align-items:center;border-bottom:3px solid black}.navigation-items{padding:0px 1.5rem;display:flex;width:100%;justify-content:space-between}@media (min-width: 600px){.navigation-items{padding:0px 3rem}}.navigation-items-list{display:flex;justify-content:center;align-items:center;gap:1rem}.menu-icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;outline:2px solid black;border-radius:13px}.menu-icon:hover{cursor:pointer;color:#fff;background-color:#000;border-radius:13px}.dashboard{font-size:larger;padding:5px}.dashboard:hover{cursor:pointer;border:none;text-decoration:underline}.dashboard-link{text-decoration:none;color:#000}.MuiMenu-paper{outline:solid yellow 3px;translate:-.5rem 3rem;width:50%}@media (min-width: 500px){.MuiMenu-paper{background-color:#0ff;width:11rem}}.menu{transition:ease-in;background-color:#ada4a44d}.container-with-nav{height:100vh;display:flex;flex-direction:column}.divider{outline:solid black 2px;width:100%;margin-bottom:3px}.divider-nm{outline:solid black 1px;width:100%;margin:0}.no-scroll::-webkit-scrollbar-thumb{background-color:transparent}.no-scroll::-webkit-scrollbar-track{background-color:transparent}.flex-1{flex:1;min-height:0px;min-width:0}.recommendation-component{outline:solid 3px black;height:95%;border-radius:10px;display:flex;flex-direction:column;align-items:center}.recommendation-card-container{width:100%;height:49rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;overflow:scroll;padding-bottom:2rem;scrollbar-width:thin;scrollbar-color:transparent transparent}.recommendation-card{border:solid black 3px;border-radius:10px;width:90%;box-shadow:0 10px;transition:.1s linear}.recommendation-card:hover{cursor:pointer;transform:translateY(10px);box-shadow:0 0}.recommendation-header{display:grid;grid-template-columns:50% 50%;justify-items:center}.header-title{margin:1rem 0px 0px;justify-self:center;grid-column:span 2}.skills-container,.description-container{display:flex;justify-content:center}.skills,.description{width:90%;display:flex;gap:1rem}.description{margin:0;padding:0;font-size:larger}.skills{display:flex;flex-wrap:wrap}.skills p{padding:3px 5px;border:solid 2px black;border-radius:5px}.home-layout{flex:1;display:flex;justify-content:space-evenly}.home-left-layout{width:40%;display:flex;flex-direction:column;justify-content:space-evenly;gap:2%;height:98%}.home-right-layout{width:40%;height:98%;display:flex;flex-direction:column;justify-content:center}.card{position:absolute;height:90%;width:90%;transition:left 1s ease-in-out,right 1s ease-in-out;left:0;right:0;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;justify-content:space-around;border-radius:10px;border:solid 2px black}@media (min-width: 1000px){.card{width:30%}}.card-heading{text-align:center}.card-item{display:flex;align-items:center;justify-content:center;margin-top:-100px}.card-btn{display:flex;justify-content:center;align-items:center}.input-file{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:-7rem}.file-upload-btn{width:6rem;height:2rem;border:2px solid black;border-radius:10px;background-color:#fff}.file-upload-btn:hover{background-color:#000;color:#fff}.level-btns{display:flex;flex-direction:column;gap:2rem}.level-btns button{background-color:#fff;width:10rem;height:3rem;border:solid 2px black;border-radius:10px}.level-btns button:hover{cursor:pointer}#selected{background-color:#000;color:#fff}.MuiFormControl-root textarea{height:300px!important}.file-upload-btn:hover{cursor:pointer}.next-btn{background-color:#fff;width:100px;height:2.5rem;border:solid 2px black;border-radius:10px}.next-btn:hover{cursor:pointer;background-color:#000;color:#fff}.out-of-view{right:-200%}.slide-out{left:-300%}.slide-in{right:0}.skillbox-container{display:flex;justify-content:center}.skillbox{outline:solid black 2px;width:50%;height:300px;margin-top:-5rem}.skillbox button{background-color:#fff;border:2px solid black;margin:2px}.auto-complete{display:flex;align-items:center;justify-content:center}.bioText{outline:solid black 2px;border-radius:10px;width:50%}.bioText .MuiInputBase-root textarea{font-size:1.5rem}#welcome-card{z-index:5}#avatar-card{z-index:4}#level-card{z-index:3}#skills-card{z-index:2}#bio-card{z-index:1}#finish{z-index:0}.service-container{flex:1;min-height:0;min-width:0}.service-card{border-bottom:solid 2px black;display:flex;align-items:center}.service-card:hover{cursor:pointer}.service-title{flex:0 0 80%;min-height:0;min-width:0}.service-card .service-title h2{padding-left:2rem;padding-right:2rem}.assigned{flex:1;min-height:0;min-width:0}.no-hover:hover{cursor:default}.desc{outline:solid black 2px;height:300px;width:300px;overflow:scroll}.assignments-component{display:flex;justify-content:center;align-items:center}.assignments-container{outline:solid black 3px;flex:0 0 95%;min-height:0;min-width:0;height:95%;overflow:scroll}.common-component{display:flex;justify-content:center;align-items:center}.common-container{outline:solid black 3px;flex:0 0 95%;min-height:0;min-width:0;height:95%;display:flex;flex-direction:column;position:relative}.cards{min-height:0;overflow:scroll}.no-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent}.common-btn{position:absolute;right:2%;top:2%;background-color:#fff;border:2px solid black;padding:0 10px;z-index:1}.common-btn:hover{cursor:pointer;background-color:#000;color:#fff}.guideline-text{display:inline-block;word-break:break-all;white-space:pre-line;margin-left:10px}.edit-btn{position:absolute;right:1%;top:1.5%;border:black 2px solid;background-color:#fff}.edit-btn:hover{background-color:#000;color:#fff;cursor:pointer}.chat-box{flex:1;min-height:0;padding:0 10px;overflow:scroll}.chat-msg p{margin:0}.text-box{flex-basis:6%;min-height:0}.text-box input{height:100%;width:100%;border:solid 3px black;border-radius:5px 5px 0 0;border-left:none;border-right:none;font-size:large;padding-left:11px}.text-box input::placeholder{font-size:large}.text-box input:focus{outline:none}.chat-component{flex:1;min-height:0;display:flex;flex-direction:column}.chat-layout-container{flex-grow:1;min-height:0;border-left:solid 4px black;border-right:solid 4px black;display:flex;flex-direction:column}.header{flex-basis:5%;display:flex;min-height:0}.title{display:flex;align-items:center;justify-content:center;position:relative;font-size:x-large;border-bottom:3px solid black;border-radius:0 0 5px 5px}.members{position:absolute;right:1.5rem;height:4.5%}.members:hover{cursor:pointer}.members-container{flex:1;min-height:0;min-width:0;overflow:scroll}.members-container p{padding:0 10px;display:flex}.feature-component{display:flex;justify-content:center;align-items:center}.features-container{outline:solid black 3px;flex:0 0 95%;min-height:0;min-width:0;height:95%;overflow:scroll}.logs-component{display:flex;justify-content:center;align-items:center}.logs-container{outline:solid black 3px;flex:0 0 95%;min-height:0;min-width:0;height:95%;overflow:scroll}.project-layout{display:flex}.project-left-column{flex-grow:1;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));min-height:0px;min-width:0px}.project-right-column{flex-basis:25%;min-height:0px;min-width:25%;display:flex;flex-direction:column}.hero-banner{height:70%;width:100%;overflow:hidden}.slider{margin:0;padding:0;list-style:none;width:100%;height:100%;display:flex;animation:scroll 10s ease-in-out infinite}.slider li{display:flex;flex-direction:column;align-items:center}.slider li img{height:90%;width:100vw}.slider li h4{font-size:xx-large}@keyframes scroll{0%{transform:translate(0)}15%{transform:translate(0)}33%{transform:translate(-100%)}48%{transform:translate(-100%)}66%{transform:translate(-200%)}84%{transform:translate(-200%)}to{transform:translate(-300%)}}.landing-container{height:100vh}.try-button{margin-top:2rem;height:10%;display:flex;justify-content:center}.try-button h1{border:solid black 3px;width:20rem;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 10px;transition:.1s linear}.try-button h1:hover{transform:translateY(10px);box-shadow:0 0;border:solid black 2px;cursor:pointer}.explore-container{display:flex;flex-direction:column;align-items:center;justify-content:start;margin-top:10px}.explore-card{border:solid black 3px;border-radius:10px;width:90%;box-shadow:0 10px;transition:.1s linear;margin-bottom:2rem}.explore-card:hover{cursor:pointer;transform:translateY(10px);box-shadow:0 0}.explore-recommendation-header{display:grid;grid-template-columns:1fr 1fr;padding-left:3rem}.item2{justify-self:end;padding-right:2rem}.explore-description-container,.explore-skills-container{display:flex;justify-content:start;padding-left:3rem}.explore-description,.explore-skills{width:90%;display:flex;gap:1rem}.explore-description{margin:0;padding:0;font-size:larger}.explore-skills p{padding:3px 5px;border:solid 2px black;border-radius:5px}.pagination{margin:1rem 0px 2rem;width:12%}.pagination button{width:100px;height:50px;background-color:#fff;border:2px solid black;border-radius:5px;font-size:larger}.pagination button:hover{background-color:#000;color:#fff;cursor:pointer}.middle{outline:solid red 3px;display:flex;justify-content:space-between}.first-last{display:flex;justify-content:center}.explore-layout{display:flex;flex-direction:column}.inbox-card h2,.inbox-card p{padding:0 10px}.inbox-card{border-top:solid 2px black;border-bottom:solid 2px black}.inbox-card:hover{cursor:pointer;background-color:gray}.notification-container{outline:solid 3px black;width:70%;height:100%;display:flex;flex-direction:column}.notification{flex:1;min-height:0px;display:flex;flex-direction:column}.notification h1{padding:0 10px}.inbox{flex:1;min-height:0;overflow:scroll}.sheet{outline:solid 3px red;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:#171a1c4d}.notification-layout{display:flex;flex:1;justify-content:center;align-items:center;min-height:0}.profile-layout{padding:3rem;flex:1;overflow:scroll}.avatar-input{padding-left:2.7rem;padding-top:2rem}.level,.bio,.skills{margin-top:2rem}.skill-container{margin-top:2rem;outline:solid 3px black;width:30rem;height:20rem;padding-left:.1rem}.skill-container button{border:solid 2px black;margin-right:.5rem;background-color:#fff}.skill-container button:hover{background-color:#000;color:#fff;cursor:pointer}.save-btn{margin-top:2rem;background-color:#fff;border:2px solid black;width:5rem;height:2rem}.save-btn:hover{cursor:pointer;background-color:#000;color:#fff}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}:root{--dark-blue: rgb(22, 26, 48);--bluish: rgb(49, 48, 77);--gray: rgb(182, 187, 196);--platinum: rgb(240, 236, 229);--lavender: #f0ecff;--ivory: #FBFFEC}body{padding:0;margin:0;font-family:Space Mono,monospace}