@import"https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap";#root{min-height:100vh;display:flex;flex-direction:column;font-family:PT Sans,sans-serif}.filter-options-container{display:flex;flex-wrap:wrap;justify-content:space-around;border:solid black 2px;padding:25px}.filter-options-dropdown-container{display:flex;flex-wrap:wrap;flex-direction:column}.footer-container{display:flex;justify-content:space-around;border:solid black 2px;padding:15px}.main-container{position:relative;z-index:2000;display:flex;flex-direction:column}.show-menu{position:absolute;width:100px;top:50px;display:flex;flex-direction:column;background-color:#ececec;border-radius:5px;margin:auto;box-shadow:2px 2px 5px #000}.menu-item{margin:10px;text-decoration:none;color:#000}.user-dropdown:hover .dropdown-content{display:block}.user-dropdown .dropdown-content{position:absolute;display:none;background-color:#ececec;width:100px;box-shadow:2px 2px 5px #000;border-radius:5px;margin:auto auto auto -50px;text-decoration:none}.user-dropdown>img{width:100%;height:auto;min-width:30px;max-width:60px}#dropdown-link{display:block;color:#000;text-decoration:none;padding:10px}button{background-color:transparent;border:none}img{max-width:50px}.profile-pic{width:50px;height:50px;border:1px solid white;border-radius:50%;object-fit:cover;box-shadow:3px 3px 5px #0000001a}.bm-burger-button{position:fixed;width:50px;height:50px;left:5%;top:2%}.bm-burger-bars{background:#373a47}.bm-burger-bars-hover{background:#a90000}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{position:fixed;height:100%}.bm-menu{background:#373a47;padding:2.5em 1.5em 0;font-size:1.5em;line-height:50px}.bm-morph-shape{fill:#373a47}.bm-item-list{color:#b8b7ad;padding:.8em}.bm-item{color:#0abdfe;display:inline-block}.bm-overlay{background:#0000004d}html{margin:0;padding:0;height:100%}body{margin:0;padding:0;min-height:100%;display:flex;flex-direction:column;background-color:#d3eaff;align-items:center}#auth-sign-in,#auth-sign-up{display:flex;flex-wrap:wrap;flex-direction:column;align-content:center}#auth-sign-in div div div,#auth-sign-up div div div{display:flex;flex-wrap:wrap;flex-direction:column;align-content:center;width:100%}input[type=email]::placeholder{color:#626161}input[type=password]::placeholder{color:#626161}.navbar{background-color:#d3eaff;top:0;max-width:600px;position:sticky;margin:0 auto;padding-bottom:10px;display:flex;z-index:3000}.headerLogged{display:flex;flex-direction:row;justify-content:space-between}.headerImage{display:flex;width:100%;padding-top:5px;justify-content:center}.headerImage>img{height:auto;min-width:3%;max-width:60%}.footer{height:50px;margin:0 auto;width:100%;max-width:600px;z-index:2000;position:fixed;bottom:0;align-self:center}.footer-container{overflow:hidden;height:100%;min-height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;justify-content:space-around;background-color:#e39b7d}.match-list{margin-top:10px;padding:5px 5px 80px;display:flex;flex-direction:column;justify-content:center;align-items:center}.match-card{width:90%;max-width:600px;display:flex;flex-direction:row;justify-content:space-around;border:1px solid rgb(201,201,201);background-color:#ececec;margin:10px;padding:20px;border-radius:20px;align-items:center}.match_card_photo{border-radius:50%;border:solid grey 1px;width:50px;height:50px;margin-right:10px;margin-left:10px;object-fit:cover}.card-info{width:80%}.skills-interests{display:flex;flex-direction:column}.home_button{width:40px;height:auto;padding:0;margin:0}.connection_button img{display:flex;width:30px;height:auto;flex-direction:row;align-items:center;padding:0;margin:0}.skills_interests{display:inline-block;border:2px solid;border:none;margin-top:10px}.match_username{text-decoration:none;color:#474747;margin-bottom:10px;font-size:1.2em}.skills_and_interest_title{color:#474747;font-weight:700}.error-page-section{height:100vh;display:flex;flex-direction:column;justify-content:space-evenly}.error-page-section h2{text-align:center;color:#6f7ea1}.filter-options-container{display:flex;flex-direction:column;justify-content:center;gap:10px;border:none;margin:0 auto}.button_filter_component{background-color:#e39b7d;padding:5px 10px;border-radius:5px;color:#fff;font-size:1.1em}.filter_buttons{display:flex;flex-direction:row;gap:20px}.loading-screen{width:60%;display:flex;flex-direction:column;margin:0 auto;text-align:center}*,*:before,*:after{box-sizing:border-box}*{margin:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.user_page{padding-bottom:80px}.UserPageComponent{width:80vw;max-width:600px;margin:auto;background-color:#d3eaff}.editButton{position:absolute;top:20px;right:10px}.editButton>img{background:none}.description-container{display:flex;flex-direction:column;margin:10px;text-align:center}.current-description{font-size:large}.description_button,.username_button{background-color:#e39b7d;padding:5px 10px;border-radius:5px;margin:10px auto;color:#fff;font-size:.8em}.buttonToggle{border-radius:10px;width:90%;background-color:#ececec;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:2em;padding-top:.5em;padding-bottom:.5em;margin-top:1em;margin-left:1em}.arrow_button_right{background-color:#ececec}.arrow_button_down{background-color:#ececec;transform:rotate(90deg)}.NewProfilePhotForm{display:flex;flex-direction:row;justify-content:center;gap:10px;padding:10px;background-color:#d0e4dd;width:100%;position:absolute;top:90%}.profile_photo_container{position:relative;width:400px;height:400px;display:flex;margin:auto}.userpageConnect_container{position:absolute;bottom:80px;right:120px}.profile_photo_container>img{width:100%;max-width:400px;border-radius:10px;object-fit:cover;margin:10px auto;object-position:top}.user_skills_list_container{list-style:none;width:90%}.userpage-connect-button{position:absolute;background-color:#e39b7d;padding:5px 10px;border-radius:5px;margin:10px 0 10px 40px;color:#fff;font-size:1em;width:150px;box-shadow:3px 3px 5px #0000001a}.interest-select{margin-left:5px}.user_skills_list_item{border-radius:0;display:flex;padding:10px 40px 10px 10px;justify-content:space-between;align-items:center;font-size:1em;border-bottom:1px grey solid}.user_skills_list_delete_button{height:auto;min-width:10px;max-width:20px}.add_existing_skills_button{background-color:#e39b7d;padding:5px 10px;border-radius:5px;margin:10px 0 10px 40px;color:#fff;font-size:.9em}.add_existing_skills_form{display:flex;gap:10px;padding-top:10px;justify-content:center;padding-bottom:10px;align-items:center}.add_new_skills_form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:10px;align-items:center;padding-bottom:20px;background-color:#ececec}.add_new_skills_button{background-color:#e39b7d;padding:5px 10px;border-radius:5px;color:#fff;font-size:.9em;border:none}.each_User_Page_Section{background-color:#ececec;border-radius:10px}.username-container{display:flex;margin-top:10px;flex-direction:column;justify-content:center;text-align:center}.username-container form input{margin:5px;padding:2px;width:100px;border-radius:3px}@media (max-width: 500px){.profile_photo_container{position:relative;width:250px;height:250px;display:flex;margin:auto}.userpage-connect-button{font-size:.8em;width:120px}}.review-container{overflow:hidden;display:grid;grid-template-columns:25%,25%,25%,25%;grid-template-rows:20%,20%,20%,20%,20%;width:90%;margin-top:20px;padding:5px 5px 5px 2px;background-color:#d3eaff;border-radius:5px;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px}.reviewRate{grid-column-start:1;grid-row-start:1;margin-left:5px;font-weight:700}.reviewDate{grid-column:5/6;grid-row:1/2;padding:5px;text-align:right}.reviewMessage{grid-column:1/6;grid-row-start:2;grid-row-end:4;padding:10px}.reviewsUl{width:100%;height:300px;display:block;list-style-type:none;overflow-y:scroll;padding-bottom:30px}.reviewerDetails{grid-column:1 / 6;grid-row:4/5;margin-top:10px;margin-left:5px;font-weight:700;display:flex;flex-direction:row;align-items:center;text-decoration:none;color:#000;width:100%}.reviewerDetails:visited{color:#000}.reviewerImg{grid-column:1 /2;grid-row:1;height:30px;width:30px;border-radius:50%;margin-bottom:5px;object-fit:cover}.reviewDeleteBtn{margin-left:0;text-align:right}.addReviewBtn{padding:20px 20px 10px 10px;font-size:20px}.reviewForm-container{display:flex;flex-direction:column;width:100%;padding-bottom:15px;border-bottom:rgb(16,16,16) solid 1px}.reviewHeader{text-align:center;font-size:1em;width:95%;margin:5px 5px 10px}.reviewMessageInput{overflow-y:scroll;padding:5px;margin-left:5%;margin-bottom:10px;width:90%;height:90%;border-radius:5px;box-shadow:#ccdbe8 3px 3px 6px inset,#ffffff80 -3px -3px 6px 1px inset}.ratingSection{margin-left:10px}.ratingSection label{margin-left:10px;margin-right:10px;margin-bottom:10px}.reviewUsername{grid-column:2/3;grid-row-start:-1;margin-left:10px}.reviewBtns{display:flex;margin-top:15px;width:100%;justify-content:space-evenly}.reviewSubmitBtn,.reviewCancelBtn{background-color:#e39b7d;padding:4px 10px;border-radius:5px;color:#fff;font-size:.8em}.add-review_button{background-color:#e39b7d;padding:5px 10px;border-radius:5px;margin-left:20px;color:#fff;font-size:.8em}.textarea{border:1px solid #ccc;font-family:inherit;font-size:inherit;padding:1px 6px;transition:height .2s ease-in-out;resize:none}.textarea{display:block;margin-left:5%;padding:10px;width:90%;height:80px;min-width:90%;max-width:90%;border-radius:10px;overflow:hidden;line-height:20px;overflow-y:scroll}.textarea{display:block;margin-left:5%;width:90%;height:90px;min-width:90%;max-width:90%;overflow:hidden;line-height:20px;overflow-y:scroll;border-radius:5px}.textarea[contenteditable]:empty:before{content:"Placeholder still possible";color:gray}.showcase-container{padding-left:15px;padding-right:15px;padding-bottom:15px;display:flex;flex-wrap:wrap;flex-direction:column;align-content:center}.current-showcase{font-size:large;width:100%;text-align:justify;padding-left:15px;padding-right:15px}.edit_button{background-color:#e39b7d;padding:5px 10px;border-radius:5px;margin:10px auto;color:#fff;font-size:.8em}.button-div{display:flex;flex-direction:column;align-content:center}.connection-card{display:flex;flex-direction:row;align-content:center;justify-content:left;width:80vw;height:100%;border-radius:5px;padding:5px 5px 50px;margin:10px auto;font-size:1.2em}.connection-card>img{border-radius:50%;border:solid grey 1px;width:50px;height:50px;margin-right:10px;margin-left:10px;object-fit:cover}.chat_intro{display:flex;flex-direction:row;align-items:center;color:#5a5a5a;font-size:1.1em;text-decoration:none;margin:auto auto auto 10px}.connections-container{padding:5px;max-width:600px;margin:auto}.connection-card-group{display:flex;flex-direction:row;border:1px solid rgb(201,201,201);background-color:#ececec;margin:20px;padding-right:20px;border-radius:20px}.delete_chat_button{background-color:#e39b7d;padding:5px 10px;border-radius:5px;margin:5px 0 10px 40px;color:#fff;font-size:1.1em}.delete_button_graphic{height:auto;min-width:10px;max-width:20px}.red-dot{position:absolute;height:15px;width:15px;background-color:red;border-radius:100%;margin:5px}.chat{display:flex;flex-direction:column}.messages-list{display:flex;flex-direction:column-reverse;height:80vh;overflow-y:scroll;padding:0 15px 60px;margin-top:40px;max-width:600px}.message-card{display:flex;flex-direction:column;justify-content:space-between;align-content:space-between;width:55%;border-radius:5px;padding:5px;max-width:600px}.message-card>*{background-color:#faebd700}.message-card>div{flex-direction:column;text-decoration:none;overflow:hidden}.message-card>div>*{background-color:#faebd700}.my-chat{align-self:end;flex-direction:row;margin:5px;background-color:#ececec;border:1px solid #dbdbdb}.not-my-chat{float:left;margin:5px;background-color:#9bd3f8;border:1px solid rgb(105,158,194)}.message-date{font-size:calc(10px + .1vw)}.message-body{font-size:calc(10px + .3vw)}.chat-header{display:flex;flex-direction:row;padding:10px;justify-items:center;align-items:center;width:100vw;height:5vh;position:fixed;background-color:#e39b7d;max-width:600px}.chat-header>h4{background-color:none!important;margin:auto}.chat-header-link{text-decoration:none;color:#000}.chat-message-form{display:flex;flex-direction:row;width:100vw;position:sticky;bottom:52px;background-color:#e39b7d;border-radius:5px;height:2em;margin:auto;color:#fff;font-size:1.1em;max-width:600px}.chat-message-form>button{margin:auto;min-width:20%x}.chat-input{width:80%;border:1px solid #e39b7d}