body,html{height:100%;margin:0;overflow:hidden;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.backgrounds{position:absolute;background-image:url(/static/media/bobaebackground.9a368965.png);background-size:cover;-webkit-filter:blur(5px);filter:blur(5px)}.backgrounds,.loader{width:100%;height:100%}.dev-bar{display:flex;justify-content:center;align-items:center;width:100%;height:2%;position:fixed;background-color:#eee3d5;bottom:0}.developedBy{font-size:.8vw;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-weight:800}.link{margin-left:.7%;display:flex;align-items:center}.git-icon,.link{text-decoration:none}.git-icon{height:.8vw}.dev-name,.git-icon{color:#000}.loginForm{position:relative;justify-content:space-around;flex-direction:column;align-items:center;left:50%;transform:translate(-50%);width:40rem;height:15rem;border:1px solid #000;background-color:#deb887;border-radius:25px}.loginForm,.loginTitle{display:flex;margin-top:10%;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.loginTitle{justify-content:center;font-size:5rem;font-weight:800}.loginHolder{position:absolute;overflow:auto;width:50%;height:100vh;border-right:5px solid #000;border-left:5px solid #000;left:50%;transform:translate(-50%);background-color:hsla(0,0%,100%,.781)}.login-container{display:flex;justify-content:center;align-items:center}.loginButton{font-size:22px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-weight:800;height:40px;width:100px;border-radius:25px}.loginButton:hover{cursor:pointer}.new-user{display:flex;justify-content:center;height:10%;align-items:center;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-size:1vw}.signup-link{color:#000;font-weight:700}.demo-buttons{display:flex;justify-content:space-around;width:50%;margin:auto}.demoButton{height:5vh;width:5vw;border-radius:25px;border:3px solid #000;background-color:rgba(192,160,55,0);font-size:.6vw;font-weight:800;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.demoButton:hover{background-color:#000;color:#fff;cursor:pointer}.empty-space{height:10%}.signUpForm{position:relative;display:flex;justify-content:space-evenly;flex-direction:column;align-items:center;width:30rem;height:55rem;left:50%;transform:translate(-50%);border:1px solid #000;background-color:#deb887;border-radius:25px;margin:2em 2em 0 0}.inputLabel{font-size:1em;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-weight:800}.inputArea{height:1em;border-radius:25px}.inputArea,.uploadArea{margin-top:8px;width:15em;font-size:1.2em}.uploadArea{height:1.5em}.radio{transform:scale(1.5);margin-left:5%}.radioLabels{font-size:15px}.genderLabel,.heightLabel{margin-right:50%;font-size:1em;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-weight:800}.heightInput{margin-top:8px;height:1em;width:6em;z-index:60;border-radius:25px;font-size:1em}.heightDetails{font-size:15px}.feetDiv{margin-left:10px}.SignUpTitle{margin-top:3%;display:flex;justify-content:center;font-size:5rem}.signUpButton,.SignUpTitle{font-weight:800;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.signUpButton{font-size:1em;margin-top:1%;margin-bottom:5%;height:40px;width:100px;border-radius:25px}.signUpButton:hover{cursor:pointer}.signupHolder{position:absolute;overflow:auto;width:50%;height:100%;border-right:5px solid #000;border-left:5px solid #000;left:50%;transform:translate(-50%);background-color:hsla(0,0%,100%,.781)}.errorsDiv{max-height:100%;color:red}.errorsDiv,.logoutButton{font-weight:800;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.logoutButton{background-color:rgba(250,235,215,0);border:none;text-decoration:none;font-size:.8vw;color:#af7932}.logoutButton:hover{cursor:pointer}.NavBarContainer{grid-template-columns:76% 8% 8% 8%;grid-template-areas:"Profile Potential Current Logout"}.NavBarContainer,.NavBarContainerHome{position:relative;display:grid;list-style-type:none;background-color:#eee3d5}.NavBarContainerHome{grid-template-columns:7% 82% 6% 5%;grid-template-areas:"Home Space Login Signup"}.bobaIcon{position:relative;width:15%;height:90%}.bobaIcon,.bobaIconProfile{background-image:url(/static/media/bobaicon.962785ac.png);background-size:contain}.bobaIconProfile{width:1.8vh;height:1.8vh}.navButton{grid-area:Home}.navButton,.navButtonProfile{display:flex;align-items:center;max-height:2em}.navButtonProfile{grid-area:Profile}.homeButton{padding-top:3%}.homeButton,.profileButton{font-size:.8vw;text-decoration:none;color:#af7932;font-weight:800;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.navBobaes{grid-area:Potential}.navBobaes,.navMatches{display:flex;align-items:center;max-height:100%;font-size:.8vw;font-weight:800;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.navMatches{grid-area:Current;justify-content:center}.navLogout{grid-area:Logout;max-height:100%}.navLogin,.navLogout{display:flex;justify-content:center;align-items:center;font-weight:800;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.navLogin{grid-area:Login;flex-direction:column;font-size:.8vw}.navlogin-button{text-decoration:none;color:#af7932}.navSignup{grid-area:Signup;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.8vw;font-weight:800;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.bobaes-button,.matches-button,.navsignup-button{text-decoration:none;color:#af7932}.logoCont{display:flex;align-items:center;flex-direction:column;height:20%}.logo,.logoCont{position:relative}.logo{display:block;height:100%;width:100%;object-fit:contain}.bottomText{align-items:center;width:100%;height:10%;padding-top:2%}.bottomText,.moreBottomText{display:flex;justify-content:center;font-size:4vh;font-family:cursive;color:#000;text-shadow:#fff 0 0 10px}.moreBottomText{height:7%}.centerCarousel{position:relative;display:block;height:50%}.carouselContainer{display:flex;position:relative;width:65%;overflow:hidden;border-radius:25%;box-shadow:5px 5px 5px 5px rgba(219,174,51,.5);margin-left:auto;margin-right:auto;height:100%}.image{display:flex;justify-content:center;align-items:center;width:120%;height:120%;object-fit:fill}.enabled{transform:translateX(-100%);transition-duration:2s}.nextImage{align-items:center}.nextImage,.thirdImage{display:flex;justify-content:center;width:120%;height:120%;object-fit:fill}.infoSquare{position:absolute;border-right:5px solid #000;border-left:5px solid #000;width:50%;height:100vh;left:50%;transform:translate(-50%);background-color:hsla(0,0%,100%,.781)}.profileDetailsCont{position:absolute;display:grid;grid-template-areas:"info preferences";grid-template-columns:50% 50%;border:3px solid #000;height:85%;width:90%;margin-left:6%;margin-top:4%;background-color:hsla(0,0%,99.2%,.808);border-radius:50px}.profileImage{position:absolute;border:5px solid #000;border-radius:50%;width:15vw;height:28vh;overflow:hidden;margin-top:.5%;margin-left:.5%}.pImg{object-fit:cover;width:100%;height:100%}.detailsTitle{margin-left:25%;margin-top:4%;height:12%}.detailsTitle,.preferenceTitle{display:flex;justify-content:center;align-items:center;font-size:2vw;max-width:50%;font-weight:800;border-radius:25px;background-color:rgba(222,184,135,.411)}.preferenceTitle{margin-left:20%;height:12.5%}.editInfo{border-radius:25px;background-color:#deb887}.editInfo,.editInfo:hover{position:relative;height:7.5vh;width:35%;font-weight:bolder;font-size:1.5vw;box-shadow:12px 12px 2px 1px rgba(0,0,0,.438)}.editInfo:hover{cursor:pointer;background-color:#eb9422}.editPref{border-radius:25px;background-color:#deb887}.editPref,.editPref:hover{position:relative;height:7.5vh;width:40%;font-weight:bolder;font-size:1.5vw;box-shadow:12px 12px 2px 1px rgba(0,0,0,.438)}.editPref:hover{cursor:pointer;background-color:#eb9422}.leftContainer{grid-area:info;border-right:2px dotted #000;width:100%;height:100%}.leftContainer,.rightContainer{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.rightContainer{grid-area:preferences;margin-top:4%;margin-left:-5%;width:96%;height:96%;font-size:160px}.profileDetails{margin-left:30%}.profileDetails,.profileDetailsRight{display:flex;flex-direction:column;justify-content:space-evenly;height:65%}.profileDetailsRight{margin-left:26%}.age,.cityZip,.height,.name,.userName{font-size:2vw}.backgroundImageContProfile{position:absolute;margin-top:-.5%;width:101%;height:96%}.backgroundImageProfile{position:absolute;z-index:-100;-webkit-filter:blur(5px);filter:blur(5px);width:100%;height:100%;object-fit:fill}.editInfoBox,.editPrefBox{display:flex;justify-content:center}.editPrefBox{padding-left:10%;padding-top:3%}.ImageContainer{display:flex;flex-direction:column;align-items:center;height:20em;width:20em;z-index:150}.prefImage{width:15em;height:15em;border-radius:50%;border:3px solid #000;overflow:hidden;z-index:200}.prefImage:hover{width:300px;height:300px;border-radius:50%;border-color:#0db8be;box-shadow:8px 8px 58px 11px rgba(34,180,190,.39);overflow:hidden;z-index:200}.prefimg{width:100%;height:100%;object-fit:cover}.prefText{font-size:40px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.HeightBox{display:flex}.editProfileForm{position:relative;display:flex;justify-content:space-around;flex-direction:column;align-items:center;flex-wrap:wrap;width:30em;height:40em;border:1px solid #000;margin-top:5%;left:50%;transform:translate(-50%);background-color:#deb887;border-radius:25px}.submitChangesButton{font-size:1em;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-weight:800;margin-top:5%;margin-bottom:8%;height:50px;width:140px;border-radius:25px}.submitChangesButton:hover{cursor:pointer}.editHolder{position:absolute;overflow-y:scroll;width:50%;height:100vh;border-right:5px solid #000;border-left:5px solid #000;left:50%;transform:translate(-50%);background-color:hsla(0,0%,100%,.781)}.TeaContainer{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;width:80%;height:88%;margin-left:auto;margin-right:auto}.TeaTitle{margin-top:5vh}.almostTitle,.TeaTitle{margin-bottom:2vh;display:flex;justify-content:center;font-size:3vw;font-weight:800;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.almostTitle{margin-top:20vh}.behindChoice{z-index:50}.choice{z-index:100}.choiceHolder{width:80%}.choiceHolder,.choiceHolderDesc{overflow-y:scroll;position:absolute;border-right:5px solid #000;border-left:5px solid #000;height:100vh;left:50%;transform:translate(-50%);background-color:hsla(0,0%,100%,.781)}.choiceHolderDesc{width:70%}.choiceQuestion{margin-top:3%;font-size:2em;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-weight:800;color:#d4c6b2;text-align:center}.typeBox{position:relative;display:flex;flex-direction:column;margin-top:8%;width:55%;height:25rem;left:50%;transform:translate(-50%);background-color:rgba(133,85,40,.904);border-radius:25px;border:3px solid #000}textarea{background-color:rgba(240,209,168,.842);border:1px solid #888;height:10rem;margin-top:7%;width:90%;margin-left:5%;font-size:20px;border-radius:15px;resize:none}.submitButton{font-size:1em;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-weight:800;margin-top:1%;margin-right:2%;height:40px;width:100px;border-radius:25px}.submitContainer{display:flex;justify-content:flex-end}.matchProfiles{height:100%;overflow-y:auto}.profImageCont{width:50%;height:70%;overflow:hidden;border:1px solid #000;border-radius:50%;margin-top:6%;margin-left:10%;margin-right:10%}.profilesOuterContainer{margin-top:2%;height:90%;width:100%;margin-left:auto;margin-right:auto}.profilesContainer{display:flex;width:100%;height:100%;overflow-x:hidden}.buttonsAndPic{display:flex;width:100%;height:30vh}.acceptBut{width:8vw;height:8vh;border-radius:20%;margin-top:8%;margin-left:20%;box-shadow:8px 8px 2px 1px rgba(0,0,255,.226);overflow:hidden}.acceptImage{width:100%;height:100%;object-fit:cover}.acceptBut:hover{margin-left:20%;box-shadow:8px 8px 2px 1px rgba(0,0,255,.226);box-shadow:8px 8px 58px 11px rgba(6,221,71,.897)}.acceptBut:hover,.denyBut{width:8vw;height:8vh;border-radius:20%;margin-top:8%;overflow:hidden}.denyBut{margin-right:20%;box-shadow:8px 8px 2px 1px rgba(0,0,255,.226)}.denyBut:hover{width:8vw;height:8vh;border-radius:20%;margin-top:8%;margin-right:20%;box-shadow:8px 8px 58px 11px rgba(226,12,48,.733)}.profileContents{display:flex;flex-direction:column;align-items:center;min-height:100%;width:60%;border:1px solid #000;border-radius:25px;background-color:bisque;margin-left:19.5%;margin-top:4%;margin-bottom:18%;padding-top:2%;padding-bottom:2%}.about{font-size:50px;margin-top:4%;color:#c2802f}.about,.userNameTitle{display:flex;justify-content:center;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.userNameTitle{margin-bottom:-1%;font-size:40px}.nameTitle{display:flex;justify-content:center;font-size:30px}.nameTitle,.profileCity{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.profileCity{font-size:1.2vw}.milkTeaDetails{margin-top:-1%}.mtList{margin-top:-8%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:6em}.iLove{font-size:1.3vw;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.extraDets{font-size:1.2vw}.extraDets2{margin-bottom:2%}.extraDets2,.finalDesc{font-size:1.2vw;margin-top:3%}.bobaeTitle{margin-top:2%;display:flex;justify-content:center;font-size:80px;font-weight:800;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.listDetails{font-size:1.1vw}.bobaeHolder{position:absolute;border-right:5px solid #000;border-left:5px solid #000;width:50%;height:100vh;left:50%;transform:translate(-50%);background-color:hsla(0,0%,100%,.781)}.tooltip{position:absolute;background-color:rgba(0,255,255,0);border-radius:50%;text-align:center;border:none}.tooltip,.tooltip:hover{display:flex;justify-content:center;align-items:center;height:75px;width:75px;margin-top:2%;margin-left:80%}.tooltip:hover{cursor:pointer;border-radius:50%;background-color:rgba(226,12,48,.733);box-shadow:3px 3px 40px 9px rgba(226,12,48,.733)}.toolModal{position:absolute;top:20%;left:30%;right:30%;bottom:25%;background-color:#fff;border-radius:25px}.toolOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.63)}.closeModal{margin-left:93%;width:5%;height:10%;color:red;font-weight:800;font-size:1.5vw;background-color:rgba(250,235,215,0);border:none}.toolTitle{text-align:center;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-size:1.3vw;font-weight:800}.toolDescription{text-align:center;margin-top:5%;font-size:.8vw}.tipbox{display:grid;grid-template-areas:"buttonIcon message";grid-template-columns:30% 60%;margin-top:5%}.toolAccept{grid-area:buttonIcon;width:5vw;height:8vh;border-radius:20%;overflow:hidden;margin:auto;border:1px solid #000}.tips{grid-area:message;font-weight:800}.note,.tips{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-size:1vw}.note{margin-top:5%;text-align:center}.toolInfo{height:80%}.end-matches{display:flex;justify-content:center;height:50%;align-items:center;font-size:3vw;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.matchImageCont{width:40%;height:85%;overflow:hidden;border:1px solid #000;border-radius:50%}.profImage{width:100%;height:100%;object-fit:cover}.matchRectangle{display:grid;grid-template-areas:"User Interest Extra" "User Interest Button";grid-template-columns:50% 25% 25%;grid-template-rows:90% 10%;border-bottom:3px solid #000;height:35%}.userDetails{grid-area:User;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;max-height:100%;border-right:3px solid #000}.matchUserInfo{display:flex;flex-direction:column;justify-content:space-evenly;flex-wrap:wrap;margin-left:10%;font-size:1.3vw;height:100%;width:30%;word-break:break-all}.userPreferences{grid-area:Interest;display:flex;font-size:30px;width:100%}.bobaPrefTitle{font-size:1.8vw;width:100%;padding-left:3%}.matchPrefDetails{text-align:end;display:flex;flex-direction:column;justify-content:space-around;height:75%;font-size:60%}.matchHolder{width:65%;border-right:5px solid #000;border-left:5px solid #000;background-color:hsla(0,0%,100%,.781);position:absolute;height:100vh;left:50%;transform:translate(-50%)}.matchPrefExtraDetails{grid-area:Extra;display:flex;flex-direction:column;justify-content:center;font-size:1.3vw;padding-top:3%;padding-left:3%;margin-left:5%;border-left:1px dotted #000}.yourBobaesTitle{display:flex;justify-content:center;font-size:80px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-weight:800;padding-bottom:2%;border-bottom:3px solid #000;padding-top:2%}.DeleteArea{grid-area:Button;display:flex;justify-content:flex-end;align-items:flex-end;height:100%;margin-left:5%;border-left:1px dotted #000}.DeleteButton{background-color:rgba(235,169,63,.657)}.DeleteButton,.DeleteButton:hover{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-size:.8vw;color:#000;font-weight:800}.DeleteButton:hover{background-color:rgba(218,55,14,.562);cursor:pointer}.profilesBox{overflow-y:scroll;height:80%}.tooltipMatch{position:absolute;background-color:rgba(0,255,255,0);border-radius:50%;text-align:center;border:none}.tooltipMatch,.tooltipMatch:hover{display:flex;justify-content:center;align-items:center;height:75px;width:75px;margin-top:2%;margin-left:85%}.tooltipMatch:hover{cursor:pointer;border-radius:50%;background-color:rgba(226,12,48,.733);box-shadow:3px 3px 40px 9px rgba(226,12,48,.733)}.space{height:100px}.deleteMatchExample{grid-area:buttonIcon;text-align:center;margin:auto;height:12%;width:40%;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-size:.7vw;background-color:rgba(218,55,14,.562);color:#000;font-weight:800;border:1px solid #000}.toolModalMatch{position:absolute;top:20%;left:30%;right:30%;bottom:35%;background-color:#fff;border-radius:25px}.chat-container.disabled{display:none}.chat-button{position:absolute;display:flex;justify-content:space-around;align-items:center;width:10%;-webkit-animation:breathing 2s ease-out infinite normal;animation:breathing 2s ease-out infinite normal;height:8%;bottom:5%;right:3%;font-size:.9vw;border-radius:25px;font-weight:800;background-color:#ffebcd}.close-button{position:absolute;color:red;bottom:35.2%;right:1%;font-size:1vw;font-weight:bolder;border:3px solid #000;background-color:bisque;text-align:end}.close-button.disabled{display:none}.close-button:hover{cursor:pointer}.chat-button.disabled{display:none}.chat-button:hover{cursor:pointer}.chat-container{position:absolute;width:15%;height:30%;bottom:5%;right:1%;border:3px solid #000;display:grid;grid-template-areas:"users chat";grid-template-columns:25% 75%}.names-chat-container{grid-area:users;background-color:#c38257;overflow-y:auto;border-right:1px solid #000}.chat-area{grid-area:chat;display:grid;grid-template-areas:"title" "view" "input";grid-template-rows:10% 80% 10%;background-color:bisque;overflow:hidden}.user-chat-container{border-bottom:1px solid #000;font-size:.7vw;word-wrap:break-word;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.user-chat-container:hover{background-color:#8a2be2;cursor:pointer}.chat-view{grid-area:view;overflow-y:scroll;font-size:.8vw;display:flex;flex-direction:column}.chat-text{word-wrap:break-word}.chat-input{grid-area:input;display:flex;justify-content:space-evenly;align-items:center}.input-element{width:60%;height:60%}.chat-submit{width:20%;height:80%}.chat-title{font-size:.7vw;display:flex;justify-content:center;text-decoration:underline;color:brown;overflow:auto}.chat-title,.pick-input{text-align:center;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.pick-input{grid-area:chat;margin:auto;font-size:2vw;height:100%;background-color:bisque}.chat-space{font-size:.7vw}.chat-submit{font-size:.5vw;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-weight:800;background-color:#eeb160}.chat-submit:hover{cursor:pointer}@-webkit-keyframes breathing{0%{transform:scale(.9)}25%{transform:scale(1)}60%{transform:scale(.9)}to{transform:scale(.9)}}@keyframes breathing{0%{transform:scale(.9)}25%{transform:scale(1)}60%{transform:scale(.9)}to{transform:scale(.9)}}
/*# sourceMappingURL=main.045e49aa.chunk.css.map */