.flexCenter,.flexCenterColumn{display:flex;align-items:center;justify-content:center}.flexCenterColumn{flex-direction:column}.navbar{display:flex;align-items:center;justify-content:center;position:fixed;width:100vw;z-index:1;justify-content:space-around;background-color:#48a9a6;min-height:6vh}@media screen and (max-width:768px){.navbar .Optimate{margin-left:-100px}.navbar .OptimateWithBurger{margin:0 20px 0 -35px}.navbar .burger{margin-right:-30px}}.brand-title{margin:.5rem;letter-spacing:.2rem}.nav-links{display:flex;justify-content:space-around}.nav-links li{list-style:none;margin:1em}.nav-links li a{text-decoration:none;font-weight:700;letter-spacing:3px;transition:.2s;color:#60495a;cursor:pointer}.nav-links li a:hover{color:#e5625e}.nav-icon{width:15px}.burger{display:none;cursor:pointer}.burger div{width:25px;height:3px;background-color:#60495a;margin:5px;transition:all .3s ease}@media screen and (max-width:768px){body{overflow-x:hidden}.nav-links{position:absolute;right:0;height:94vh;top:6vh;background:#48a9a6;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:50%;transform:translateX(100%);transition:transform .5s ease-in}.nav-links li{opacity:0;margin:2rem}.burger{display:block}}.nav-active{transform:translateX(0)}@keyframes navLinkFade{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.burger-toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.burger-toggle .line2{opacity:0}.burger-toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}.footer{justify-content:center;position:fixed;bottom:0;width:100vw;z-index:1;justify-content:space-around;background-color:#48a9a6;min-height:6vh}.footer,.footer ul{display:flex;align-items:center}.footer ul{justify-content:center;margin:0 0 0 -25px}.footer ul #aboutUs{color:#000}.footer ul #aboutUs:hover{color:#e5625e}.footer li{display:flex;align-items:center;justify-content:center;list-style:none;margin:0 10px}.footer a{text-decoration:none;font-weight:700;margin:0 1em;text-align:center;transition:.2s;color:#60495a}@media screen{.footer a{padding:0 0 0 -20px}}.footer p{display:flex;align-items:center;justify-content:center;margin-top:-25px}.footer a:hover{color:#e5625e}.form-container{margin:1em;border-radius:10px;background-color:rgba(72,169,166,.6);box-shadow:7px 4px 15px 0 rgba(0,0,0,.57);-webkit-box-shadow:7px 4px 15px 0 rgba(0,0,0,.57);max-width:360px}form{padding:2em;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.75em}.form-title{font-size:2em;text-align:center;font-weight:600}.form-item{display:flex;flex-direction:column}.form-item>*{align-self:flex-start}.form-label{font-weight:600;padding:10px 0}.form-input{min-width:150px;max-width:425px;padding:.8em;font-size:.9em;outline:none;border:1px solid #48a9a6;border-radius:4px;background:#f9f9f9;transition:background .25s,border-color .25s,color .25s}.form-input:focus{background:#fff}.form-input::-moz-placeholder{color:#60495a}.form-input:-ms-input-placeholder{color:#60495a}.form-input::placeholder{color:#60495a}.form-button{align-self:center}.form-input-error{color:#d50000;background:#fff8f8;border-color:#d50000}.form-input-error::-moz-placeholder{color:#ffbfbf}.form-input-error:-ms-input-placeholder{color:#ffbfbf}.form-input-error::placeholder{color:#ffbfbf}.form-error{padding-top:10px;color:#d50000;font-size:.9em;display:none;visibility:hidden}.display-block,.form-input-error+.form-error{visibility:visible}.display-block{display:block}.form-input-small{max-width:250px}.form-input-xsmall{max-width:150px}textarea.form-input{resize:none;min-height:200px}.buttonError{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}#homepage-container{display:flex;flex-direction:column;position:relative;justify-content:center;width:100vw;margin:20px 0}#homepage-container ::-webkit-scrollbar{border-radius:10px}.matches-container{position:absolute;top:10vh;left:0;margin-top:1em;width:calc((100vw - 620px) / 2)}@media screen and (max-width:1080px){.matches-container{top:auto;width:100%;height:100%;align-self:center;position:relative;margin:1em 0}}.arrows-box{margin:3em auto 2.5em;display:flex;align-items:center}@media screen and (max-width:768px){.arrows-box{width:99%;margin:0}}.myProfile{display:flex;cursor:pointer;justify-content:space-between;width:500px;align-items:center;font-size:18px;padding:1em;background-color:hsla(0,89%,83%,.6);color:#60495a;border-radius:30px;border:solid}@media screen and (max-width:768px){.myProfile{width:95%;flex-direction:column}.myProfile>div{width:100%}}.myProfile>:first-of-type{text-align:center}.myProfile>*{margin:.5em}.myProfile>*,.user-bio-full{overflow-wrap:break-word;width:300px}.profilePic{-o-object-fit:cover;object-fit:cover;width:150px;height:150px;border-radius:50%;border:solid}.highlight{color:#f45d6a;font-size:1.3em;font-family:Georgia,Times New Roman,Times,serif}.matchesForEachUser{animation:slidein 2s alternate;justify-content:center;text-align:center;font-size:20px;margin:5px;width:91vw}@media screen and (max-width:1080px){.matchesForEachUser{animation:0s}}.matches{padding:1em;cursor:pointer;position:relative;background-color:rgba(72,169,166,.6);color:#60495a;display:inline-block;text-align:center;inline-size:175px;font-size:18px;margin:15px 20px 0 10px;overflow:hidden;border-radius:30px;border:solid}.matchesProfilePic{width:150px;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:solid}.matches.active{margin-right:4px;position:absolute;top:-50px;width:400px;height:450px}.matches.active ion-icon{color:#de55c5}.icon{position:absolute;bottom:0;right:0;width:100%;height:40px;background:rgba(229,98,94,.6);border-end-end-radius:10px;display:flex;justify-content:center;align-items:center}.icon ion-icon{color:#de55c5;font-size:1.4em;right:0}.pushPin{cursor:pointer;position:relative;top:-310px;left:25px;margin:-5px;padding:-10px;z-index:10}.pinned,.pushPin{display:inline-block}.pinned{border:solid #ff2978;border-radius:70%;margin:0 2px 0 0;padding:2px 0 0}.ipinned,.pinned,.theypinned{color:#ff2978}.theypinned{border:dotted #ff2978;border-radius:70%;margin:0 2px 0 0;padding:2px 0 0}.media-scroller{margin:4px,4px;padding:2em 0 2em 2em;background-color:transparent;min-width:30px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.distance{margin-bottom:-1em;color:#e5625e}.getMatches{flex-shrink:1;display:flex;flex-direction:column;border:2px solid;border-radius:20px;padding:.5em;max-width:200px;margin:calc((((100vw - 600px) / 2) - 170px) / 2) auto auto;background-color:rgba(72,169,166,.6);color:#60495a;text-align:center}@media screen and (max-width:1080px){.getMatches{margin-top:0}}.getMatches .timer{font-weight:700;align-self:center}.getMatches .button{margin:.7em auto auto}.preciseLocationLink p{font-size:.8em;color:#225560;font-weight:100;text-decoration:underline;cursor:pointer}.preciseLocationExplanation{display:none;position:absolute;background-color:#48a9a6;padding:1em;border:4px solid #60495a;border-radius:10px;width:30vw;z-index:9999}.preciseLocationLink:hover .preciseLocationExplanation,preciseLocationLink:active .preciseLocationExplanation{display:block}.landing{display:flex;align-items:center;justify-content:center;font-size:2.2em}@media screen and (max-width:480px){.landing{font-size:1.5em}.login .container{overflow-y:hidden}.login form{gap:.5em;padding:1.3em}}.logo{letter-spacing:.2em;margin-bottom:1em}.no-session{margin:25px 0}.no-session>*{display:flex;align-items:center;justify-content:center;flex-direction:column}.auth-buttons{display:flex}.auth-buttons *{display:flex;align-items:center;justify-content:center}.form-container h3{text-align:center;margin-bottom:.25em}.form-container button{font-size:1.125rem;margin:0 .25em}.form-container .auth-buttons button{font-size:1.25rem}.form-widget{width:85vw;padding-top:30px;margin:0 5vw 50px;display:flex;flex-direction:column}.form-widget hr{margin:12px 0}.form-widget label{font-size:18px;display:flex;align-items:center}.form-widget img{-o-object-fit:cover;object-fit:cover;height:300px;width:300px;border:5px solid #000;border-radius:50%}.editToggle{width:-moz-fit-content;width:fit-content}.editToggle>div{display:flex;align-items:center;font-size:18px}.edit-view,.profile-view{overflow-wrap:break-word;width:100%;animation:slidein .4s}@media screen and (max-width:768px){.edit-view,.profile-view{animation:fadein .4s}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{margin-left:100vw}to{margin-left:0}}#delete-self{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 0}#delete-self button{background-color:rgba(229,98,94,.6)}#delete-self button:hover{background-color:#e5625e}.profile-view #profileEditAvatar>div p{width:30vw;margin:5px 0}@media screen and (max-width:768px){.profile-view #profileEditAvatar>div p{width:100%}}.profile-view h2{color:#225560}.profile-view h3{letter-spacing:.1em}.profile-view ul{list-style-type:none}#save-profile{margin-left:25px;font-size:1.3em}#profileEditAvatar{margin:15px 0;width:90vw;position:relative;display:flex;justify-content:center;align-items:center}#profileEditAvatar>div{width:40vw;margin:2vw 12px}#avatarSection{position:relative;display:flex;align-items:center;justify-content:center}#avatar-upload{display:flex;position:absolute;top:350px;right:50%;background-color:#fff;border:2px solid #ccc;display:inline-block;padding:5px 7px;cursor:pointer;transition:background .3s ease}#avatar-upload:hover{background-color:#7fffd4}#profileEditAvatar textarea{margin:8px 0;border:2px solid #000;padding:5px;overflow-y:auto}#optionalPhotoUploads{display:flex;justify-content:space-evenly;flex-wrap:wrap}.uploadSlot,.user_photo{display:flex;align-items:center;justify-content:center;position:relative;height:200px;width:200px;margin:20px;border-radius:10%;border:1px solid #000;transition:.2s}.uploadSlot{background-color:#fff;opacity:.7}.uploadSlot label{border-radius:10%;display:flex;justify-content:center;height:200px;width:200px}.uploadSlot :hover,.uploadSlot:hover{cursor:pointer;background-color:#7fffd4;transition:.2s}.user_photo img{height:200px;width:200px;border-radius:10%;border:0}.user_photo button{padding:5px;top:-15px;left:-20px;position:absolute;background-color:#fff}.profile-info{width:100%;display:flex;flex-direction:row;justify-content:space-between}.profile-preference,.profile-user{display:flex;flex-direction:column;width:40vw}.profile-preference>div,.profile-user>div{margin:8px 3px}#interest-select>div>div>div>div{display:flex;margin:5px}#interest-select>div>div{overflow-x:hidden}#interest-select label{margin:5px}input[type=file]{display:none;padding:12px}input[type=number],input[type=text],select{padding:5px;margin:5px 0}input[type=number]{width:60px}@media screen and (max-width:768px){.form-widget{max-width:80vw}.profile-info{align-items:center;flex-direction:column}.profile-preference,.profile-user{width:60vw}#profileEditAvatar{width:100%;align-items:center;flex-direction:column}#profileEditAvatar>div,.profile-info>div{width:75vw;margin:5px 8px}#profileEditAvatar>div textarea,.profile-info>div textarea{width:100%}#avatar-upload{top:260px}}@font-face{font-family:Concert One;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/concertone/v17/VEM1Ro9xs5PjtzCu-srDqRTl.ttf) format("truetype")}.messages{display:flex;justify-content:space-around;gap:1em;width:95vw;margin:20px 0}.messages ::-webkit-scrollbar{background-color:#8acdcb;border-radius:10px 0 10px 10px}@media (max-width:980px){.messages{height:80vh}}.column{height:81.5vh;border:10px solid #8acdcb;margin:.9em .5em 0;border-radius:10px}@media (max-width:980px){.column{height:70vh}}.match-list{flex:1 1;background-color:hsla(40,27%,98%,.7);overflow-y:scroll;overflow-x:hidden}.match-list h1{text-align:center}.match-list .match{display:flex;justify-content:space-around;align-items:center;padding:1.5em 0}.match-list .matchPic{height:150px;width:150px;border-radius:50%;border:solid #000}.active-match{background-color:rgba(97,177,151,.25);border:2px solid #61b197;border-radius:3px;margin:5px}.chatMessageBox{flex:2 1}.chatMessageBox .chatroom{height:75.3vh;padding:.3vh .5vw;border-bottom:solid #000;background-color:hsla(40,27%,98%,.3);overflow-x:hidden;overflow-y:auto;white-space:nowrap}@media (max-width:980px){.chatMessageBox .chatroom{height:63.8vh}}.chatMessageBox .input-box{display:flex;align-items:center;height:6vh;margin:0 .25vw .5vh}.chatMessageBox .input-box input{flex:7 1;padding:1vh;border-radius:10px;margin:0 5px 0 0}.chatMessageBox .input-box button{flex:1 1;margin:0}.single-message{margin:3px 0;display:flex;align-items:center}.single-message img{height:50px;width:50px;border-radius:50%;align-self:flex-end}.single-message small{color:#708090;font-size:.75em}.single-message .chat-match{-webkit-clip-path:polygon(2% 0,100% 0,100% 95%,10% 95%,0 100%,2% 85%);clip-path:polygon(2% 0,100% 0,100% 95%,10% 95%,0 100%,2% 85%);text-align:left;background-color:#8fc4de;margin-left:5px}.single-message .chat-match,.single-message .user{max-width:50%;padding:10px 20px;margin-bottom:15px;word-break:normal;white-space:normal}.single-message .user{-webkit-clip-path:polygon(0 0,98% 0,98% 85%,100% 100%,90% 95%,0 95%);clip-path:polygon(0 0,98% 0,98% 85%,100% 100%,90% 95%,0 95%);text-align:right;background-color:#78ffd2;margin-right:5px}.right-user{display:flex;justify-content:flex-end}#back{display:flex;align-items:center;position:absolute;z-index:10;top:10vh;left:2.5vw}@media (min-width:981px){#back{display:none}}@media (max-width:980px){.mobile{display:none}}.sendHelp{display:flex;align-items:center;justify-content:center;flex-direction:column}.help,.sendHelp{margin-top:20px;margin-bottom:-30px}@media screen and (max-width:768){.help,.sendHelp{margin-top:10px}}.sendHelp{margin-bottom:30px}.chat-bot-avatar-icon{width:28px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.9rem;background-color:#fba1ae;margin-right:0}@media screen{.chat-bot-avatar-icon{height:25px;padding:6px;margin-top:5px;margin-right:15px}}.user-avatar-icon{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.9rem;background-color:#fba1ae;margin-left:15px}@media screen and (max-width:1080px){#bottie{margin-left:10px}}#bottie .react-chatbot-kit-chat-container{position:relative;width:500px;height:800px}@media screen and (max-width:1080px){#bottie .react-chatbot-kit-chat-container{width:300px;height:600px}}#bottie .react-chatbot-kit-chat-inner-container{height:770px;border:solid #fba1ae}@media screen and (max-width:1080px){#bottie .react-chatbot-kit-chat-inner-container{height:570px}#bottie .react-chatbot-kit-chat-input-form{width:100vw}}#bottie .react-chatbot-kit-chat-input{font-size:1rem;border:3px solid #fba1ae;border-bottom-left-radius:5px;width:100%}#bottie .react-chatbot-kit-chat-message-container{height:600px;border-bottom:solid #fba1ae;overflow-y:scroll;overflow-x:hidden}@media screen and (max-width:1080px){#bottie .react-chatbot-kit-chat-message-container{height:400px;padding-bottom:.2rem}}#bottie .react-chatbot-kit-chat-message-container .react-chatbot-kit-chat-bot-message-container{margin-right:185px}@media screen and (max-width:1080px){#bottie .react-chatbot-kit-chat-message-container .react-chatbot-kit-chat-bot-message-container{width:220px}#bottie .react-chatbot-kit-chat-message-container .react-chatbot-kit-user-chat-message{width:150px}}#bottie .react-chatbot-kit-chat-message-container .react-chatbot-kit-chat-btn-send{width:100px;border-bottom-right-radius:5px}#bottie .react-chatbot-kit-chat-message-container .react-chatbot-kit-chat-btn-send-icon{fill:#fff;width:15px;margin:0 auto}.FAQ{font-size:1.3em;width:70vw;padding:2rem 15vw}@media screen and (max-width:1080px){.FAQ{padding:10px;font-size:1em}}.email{font-size:20px bold;font-family:American Typewriter,serif}.tutorialSection{margin:10px 0 -10px;border:5px solid #000;height:700px;width:900px}@media screen and (max-width:1080px){.tutorialSection{border:solid #000;height:200px;width:250px}}.aboutUs h1{font-size:2.5rem;text-align:center;margin:10px 0 30px}.aboutUs .ZECC-W{font-size:3rem}@media screen and (max-width:1080px){.aboutUs .ZECC-W{font-size:2rem}.aboutUs .copyright{font-size:2rem;margin-bottom:-15px}}.members{width:100vw;display:flex;justify-content:space-evenly;flex-wrap:wrap}.members h3{font-size:1.5em;text-align:center;margin:0 40px}@media screen and (max-width:1080px){.members h3{padding:0 0 30px}}.memberProfilePic{border:5px solid #48a9a6;border-radius:50%;height:280px;width:280px;padding:5px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;cursor:pointer}@media screen and (max-width:1080px){.memberProfilePic{height:180px;width:180px}}.aboutUs h2{font-size:1.5em;text-align:center;margin-top:2rem}@media screen and (max-width:1080px){.aboutUs h2{margin-bottom:2rem}}*{margin:0;padding:0}.altBg,.login,body{font-family:Concert One,cursive;background-color:rgba(72,169,166,.6);background-image:url(/_next/static/media/maybe.9fbe5412.png);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;overflow-x:hidden;width:100vw}.login{background-image:url(/_next/static/media/possibly-min.ec550972.gif);background-position:50%}@media screen and (max-width:717px){.login{background-image:url(/_next/static/media/possibly.a0b3c738.png)}}.altBg{background-image:url(/_next/static/media/maybe-min.b79ba03c.gif);background-position:50%}@media screen and (max-width:717px){.altBg{background-image:url(/_next/static/media/maybe.9fbe5412.png)}}.main{display:flex;align-items:center;justify-content:center;min-height:88vh;padding-top:6vh;margin-bottom:6vh;width:100vw}a{text-decoration:none}button{background:none;color:inherit;border:1px solid #60495a;padding:.25em .75em;border-radius:10px;font:inherit;font-size:.8em;cursor:pointer;outline:inherit;transition:.2s;margin:.5em}button:hover{background-color:#e5625e;color:#fbfaf8}button:disabled{background-color:#696969;color:#fbfaf8}.link{text-decoration:underline;cursor:pointer;transition:.2s}.link:hover{color:#225560}::-webkit-scrollbar{height:20px;background-color:#48a9a6}::-webkit-scrollbar-track{background-color:#fbfaf8;box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:#c6c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#225560}