.navbar{background-color:var(--convene-blue);padding:1rem;display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;top:0;z-index:1;box-shadow:0 1px 8px var(--convene-blue)}.navbar a{color:var(--convene-pink);margin-right:1rem;text-decoration:none}.nav-links{padding:0 .5rem;font-weight:600}.nav-links a:hover{color:var(--convene-white);cursor:pointer}.convene-nav-tab{font-size:large;font-weight:900}.underline-center-load{display:inline-block}.underline-center-load:after{content:"";display:block;height:2px;background-color:var(--convene-white);transform:scaleX(0);transition:transform .2s ease-in,background .2s ease-in}.underline-center-load:hover:after{transform:scaleX(1);background:var(--convene-white)}.footer{background-color:var(--convene-gray);padding:1rem;text-align:center;color:var(--convene-blue);position:fixed;width:100%;bottom:0;box-shadow:0 1px 8px var(--convene-blue);z-index:1}.social-medias{display:flex;flex-wrap:wrap;justify-content:space-evenly}.social-media{text-decoration:none;color:var(--convene-blue);transition:transform .2s ease-in;align-items:center;margin:.5rem;font-size:20px}.social-media:hover{transform:translateY(-6px);color:var(--convene-pink)}.main-activitylist{display:flex;flex-direction:column;align-items:center;margin:1rem auto 3rem;max-width:80%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.upcoming-activities{color:var(--convene-blue);text-align:center;margin:0 0 1rem}.activity-name{color:var(--convene-pink)}.activity-list{gap:1rem;max-width:50rem;margin:auto;border-radius:15px;background-color:#f0f0f0;padding:1.5rem;box-shadow:0 4px 8px #0000001a}.activity-details-div{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:10px}.activity-card{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:10px;padding:10px 5px;margin:0 0 1rem;background:var(--convene-gray);border-radius:10px}.activity-card a{text-decoration:none}.activity-buttons{display:flex;gap:10px;flex-wrap:wrap}.switch-container{position:relative;display:flex}.switch-button{flex:1;border:none;background-color:var(--convene-white);color:var(--convene-pink);font-weight:700;cursor:pointer;outline:none;position:relative;transition:background-color .3s ease}.switch-button.left{border-radius:15px 0 0 15px}.switch-button.right{border-radius:0 15px 15px 0}.activity-buttons button:hover,.activity-buttons a:hover{background-color:var(--convene-pink);color:var(--convene-white)}.info-button{background-color:#fff;color:var(--convene-pink);padding:5px;border:none;border-radius:10px}.selected{background:#ccc;color:var(--convene-blue)}.activity-details img{display:block;margin:3rem auto;box-shadow:0 1px 8px var(--convene-blue)}.activity-information{display:flex;align-items:center;justify-content:space-around;padding:10px;background:linear-gradient(135deg,var(--convene-pink),var(--convene-gray),var(--convene-white),var(--convene-blue));border-radius:8px;box-shadow:0 1px 8px var(--convene-blue)}.activity-logo{max-width:100%;border-radius:8px;margin:10px 0}.activity-details ul{list-style-type:none;padding:0;margin:0}.activity-details ul li{margin:10px 0;color:var(--convene-blue)}.activity-details p{margin:5px 0}.activity-details a{color:var(--convene-pink);text-decoration:none}.attendees{margin-top:20px}.attendees h3{color:var(--convene-blue);font-size:1.6em;border-bottom:2px solid var(--convene-pink);padding-bottom:5px;margin-bottom:15px}.attendees-list{display:flex;flex-wrap:wrap;justify-content:space-around;gap:3ch;list-style-type:none;padding:0}.attendee p{margin:2px 0;color:var(--convene-blue)}.attendee p strong{font-size:1.1em;color:var(--convene-pink)}.switch{--_switch-bg-clr: var(--convene-blue);--_switch-padding: 4px;--_slider-bg-clr: var(--convene-gray);--_slider-bg-clr-on: var(--convene-pink);--_slider-txt-clr: #ffffff;--_label-padding: 13px 13px;--_switch-easing: cubic-bezier(.47, 1.64, .41, .8);color:#fff;width:fit-content;display:flex;justify-content:center;border-radius:9999px;cursor:pointer;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;isolation:isolate}.switch input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.switch>span{display:grid;place-content:center;transition:opacity .3s ease-in-out .15s;padding:var(--_label-padding)}.switch:before,.switch:after{content:"";position:absolute;border-radius:inherit;transition:inset .15s ease-in-out}.switch:before{background-color:var(--_slider-bg-clr);inset:var(--_switch-padding) 50% var(--_switch-padding) var(--_switch-padding);transition:inset .5s var(--_switch-easing),background-color .5s ease-in-out;z-index:-1;box-shadow:inset 0 1px 1px #0000004d,0 1px #ffffff4d}.switch:after{background-color:var(--_switch-bg-clr);top:0;right:0;bottom:0;left:0;z-index:-2}.switch:focus-within:after{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.switch:has(input:checked):hover>span:first-of-type,.switch:has(input:not(:checked)):hover>span:last-of-type{opacity:1;transition-delay:0ms;transition-duration:.1s}.switch:has(input:checked):hover:before{inset:var(--_switch-padding) var(--_switch-padding) var(--_switch-padding) 45%}.switch:has(input:not(:checked)):hover:before{inset:var(--_switch-padding) 45% var(--_switch-padding) var(--_switch-padding)}.switch:has(input:checked):before{background-color:var(--_slider-bg-clr-on);inset:var(--_switch-padding) var(--_switch-padding) var(--_switch-padding) 50%}.switch>span:last-of-type,.switch>input:checked+span:first-of-type{opacity:.75}.switch>input:checked~span:last-of-type{opacity:1}.attendee{display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:1rem;width:250px;height:250px;background:var(--convene-white);border-radius:8px;letter-spacing:2px;box-shadow:0 0 25px 0 var(--convene-gray);transition:1s box-shadow}.attendee:hover{box-shadow:0 0 80px 0 var(--convene-pink)}.attendee:hover:before,.attendee:hover:after{display:block;content:"";position:absolute;padding:1rem;width:250px;height:250px;background:var(--convene-pink);border-radius:8px;z-index:-1;animation:1s clockwise infinite}.attendee:hover:after{background:var(--convene-blue);animation:2s counterclockwise infinite}@keyframes clockwise{0%{top:-5px;left:0}12%{top:-2px;left:2px}25%{top:0;left:5px}37%{top:2px;left:2px}50%{top:5px;left:0}62%{top:2px;left:-2px}75%{top:0;left:-5px}87%{top:-2px;left:-2px}to{top:-5px;left:0}}@keyframes counterclockwise{0%{top:-5px;right:0}12%{top:-2px;right:2px}25%{top:0;right:5px}37%{top:2px;right:2px}50%{top:5px;right:0}62%{top:2px;right:-2px}75%{top:0;right:-5px}87%{top:-2px;right:-2px}to{top:-5px;right:0}}.welcome-section{display:flex;flex-direction:column;text-align:center}.welcome-section h1{color:var(--main-headline);margin-top:6vh;font-size:70px;animation:2.5s ease-out 0s 1 slideInFromBottom;color:var(--convene-pink);text-shadow:2px 3px 4px var(--convene-blue)}.welcome-section p{color:var(--main-nav-headline);font-size:25px;margin:25px 0;font-style:italic;animation:2.5s ease-out 0s 1 opacityFadeIn;color:var(--convene-blue);text-shadow:2px 3px 4px var(--convene-gray)}@keyframes slideInFromBottom{0%{transform:translateY(70vh);opacity:0%}50%{transform:translateY(0);opacity:40%}to{opacity:100%}}@keyframes opacityFadeIn{0%{opacity:0%}50%{opacity:0%}to{opacity:100%}}.card-section{display:flex;justify-content:space-between;text-align:center;color:var(--convene-blue);margin:auto;max-width:75%;gap:3rem;animation:2.5s ease-out 0s 1 opacityFadeIn;margin-bottom:3rem}.right-card,.left-card{width:45%;background-color:#f0f0f0;padding:1.5rem;border-radius:8px;box-shadow:0 4px 8px #0000001a}.home-activity-list{list-style:none;padding:0;margin:0}.home-activity-card{display:flex;flex-direction:column;padding:1rem;background-color:var(--convene-blue);border:1px solid var(--convene-pink);border-radius:8px;box-shadow:0 4px 8px #0009;margin-bottom:1rem}.home-activity-details{display:flex;flex-direction:column;gap:.3rem}.home-activity-details h3{margin:0;font-size:1.2rem;color:var(--convene-white)}.home-activity-details p{margin:0;color:var(--convene-pink)}.img-div{display:flex;justify-content:center;animation:2.5s ease-out 0s 1 opacityFadeIn}.img-div img{width:15rem;height:15rem;object-fit:cover;border-radius:50%;overflow:hidden}.loginMain{padding:2rem;background-color:var(--convene-gray);color:var(--convene-blue);text-align:center;max-width:max-content;margin:auto}.authForm{display:flex;flex-direction:column;text-align:right;gap:.5em;min-width:60%}.authBox{display:flex;justify-content:space-between}.reglink{font-weight:700}.regLink:link{color:var(--convene-pink);text-decoration:none;font-weight:700}.regLink:visited{color:#c56458;text-decoration:none;font-weight:700}.authImg{max-width:85%;flex-shrink:1}.authButton{align-self:center;background-color:var(--convene-blue);border:none;color:var(--convene-white);font-weight:700;text-transform:capitalize;border-radius:10px;padding:.5em;width:50%}@media screen and (max-width: 550px){.authImg{max-width:100%}}.inboxMain{display:flex;flex-direction:row;width:100%;margin:.5em -25px;padding:2rem 1rem}.chat-box{background:var(--convene-white);border-radius:10px;display:flex;flex-direction:column;gap:1rem;width:90%;max-height:650px;max-width:300px;margin:0 auto 0 5%;padding:.5rem;border:1px solid rgb(216,211,211,.9);box-shadow:10px 10px 8px #0006}@media (min-width: 900px){.chat-box{width:50%;max-width:700px;transition:ease}}.chat-box-mobile{background:var(--convene-white);border-radius:10px;display:flex;flex-direction:column;gap:1rem;height:auto;max-height:600px;min-height:400px;width:50%;width:80%;margin:0 auto;padding:.5rem;border:1px solid rgb(216,211,211,.9);box-shadow:10px 10px 8px #0006}.chat-header{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem;color:#000;border-bottom:1px solid rgb(216,211,211,.9);border-radius:5px;background:var(--convene-white)}.messages{scroll-behavior:smooth;padding:0 2rem;display:flex;flex-direction:column;max-height:60vh;overflow-y:auto;padding:1rem}.messages::-webkit-scrollbar{display:none}.message{color:#fff;background:#979090e6;padding:.75rem;border-radius:5px;max-width:50%;word-wrap:break-word;overflow-wrap:break-word}.message.self{align-self:flex-end;color:#fff;background:var(--convene-pink)}.message-footer{font-size:12px;align-self:flex-end;font-weight:400}.options-delete{margin:-5px 0;align-self:flex-end;height:20px}.options{margin:-5px 0;align-self:flex-end}.horizontal-input{display:flex;flex-direction:row;gap:.2rem;align-items:center;max-width:100%;margin-top:auto}.send-btn{border:none;background:var(--convene-blue);color:#fff;height:40px;width:40px;border-radius:50%;flex-shrink:0}.notifications{position:relative;margin-left:auto}.message{display:flex;flex-direction:column;border-radius:10px;padding:.4em;min-width:auto;max-width:45%;gap:.5em;margin-top:.5em;margin-bottom:.5em}.conversations{width:30%;max-width:350px;height:80%;max-height:650px;overflow-y:auto;padding:.5em;background-color:#d3d3d3;border-radius:10px;color:var(--convene-blue);margin:0 auto}.conversations-mobile{width:80%;max-width:600px;height:80%;max-height:650px;overflow-y:auto;padding:.5em;background-color:#d3d3d3;border-radius:10px;color:var(--convene-blue);margin:0 auto}.convos{text-align:center}.convoCard{background-color:var(--convene-white);border-radius:10px;margin-top:.5em;margin-bottom:.2em;padding:.3em;display:flex;flex-direction:column;gap:10px;word-wrap:break-word;overflow-wrap:break-word;cursor:pointer}.convoCard button{border-radius:5px}.chat-right-side{display:flex;flex-direction:column;align-items:center;gap:5px}.convoCard-top{display:flex;justify-content:space-between;align-items:center;position:relative}.convoCard-top img{align-self:start}.convoCard-top p{font-size:12px}.convoCard .chat_message{margin-left:.5rem;color:var(--convene-pink)}.chat-pic{width:30px;border-radius:25px}.chat-user-info{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.notifications{justify-self:flex-end;text-align:center;width:20px;height:20px;background-color:#0c990c;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff}.potential-chats-container{position:relative;width:100%}.toggle-button{background:linear-gradient(135deg,var(--convene-pink),var(--convene-blue));color:#fff;padding:.5em;border:none;border-radius:10px;cursor:pointer;width:100%;text-align:center}.dropdown-menu{background-color:var(--convene-white);border:1px solid var(--convene-gray);border-radius:10px;margin-top:.5em;padding:.5em;box-shadow:0 4px 8px #0000001a;max-height:200px;overflow-y:auto}.single-pot-chat{display:flex;justify-content:space-between;padding:.5em;border-bottom:1px solid var(--convene-gray);cursor:pointer}.single-pot-chat:last-child{border-bottom:none}.user-online-chat-card{background-color:#0c990c;border-radius:50%;width:10px;height:10px;align-self:center;margin-left:auto}.user-online-chat-header{background-color:#0c990c;border-radius:50%;width:10px;height:10px;margin-left:10px}.profile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;margin:0 auto}.profile h6{font-size:1rem;font-weight:700}.profile section{width:22.5rem}.profile section h1,.profile section h2{text-align:center}.profile-list{display:flex;flex-direction:column;gap:1rem}.profile-list li{display:flex;flex-direction:column}.profile-list .profile-detail-row{width:100%;display:flex}.profile-list h6{width:7rem}.profile-list label{display:flex;justify-content:space-between}.profile-list span,.profile-list input,.profile-list select{width:10rem}.profile-list input,.profile-list select{height:1.25rem}.profile-list button{font-size:.75rem;width:100%;height:1.25rem;color:var(--convene-white);background-color:var(--convene-blue);border:none;border-radius:.5rem}.profile-response{color:var(--convene-blue);font-style:italic;font-size:.75rem;text-align:right}.profile-picture-detail{flex-direction:column}.profile-picture-detail span{height:1.25rem;overflow:hidden}.profile-list .profile-picture{height:10rem;width:10rem;margin-bottom:1rem;align-self:center;object-fit:cover}.form-column-btns{padding-left:.25rem;min-width:5rem;display:flex}.profile-detail-description{font-size:.75rem;font-weight:700;font-style:italic}.secondary-row h6{font-size:.75rem}.profile-delete-detail h6{width:100%}.profile-interests{display:flex;flex-direction:column;flex-wrap:wrap}.profile-interests .profile-response{text-align:left}.profile-interests-add{display:flex;flex-direction:column;gap:.25rem}.profile-attendingevents{margin-top:1rem}@media (min-width: 1080px){.profile{flex-direction:row;align-items:start}.profile .profile-main-card{position:sticky;top:0}}.profile-card{position:relative;width:300px;height:400px;border-radius:10px;box-shadow:0 4px 10px #0003;overflow:hidden;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;will-change:transform;cursor:grab;-webkit-user-select:none;user-select:none}.profile-card:active{cursor:grabbing}.profile-image{width:100%;height:60%;object-fit:cover}.profile-info{padding:10px;text-align:center}.profile-info h3{font-size:20px;margin:0;color:#333}.profile-info p{font-size:16px;color:#666}.profile-by-id{display:flex;justify-content:center;margin:5rem}.browse-profiles{display:flex;justify-content:center;align-items:center;height:100vh}*{padding:0;margin:0}html,body{height:100%}#root{display:flex;flex-direction:column;place-content:center}h2{color:var(--convene-blue);font-size:1.8em;margin-bottom:10px;border-bottom:2px solid var(--convene-pink)}li{list-style:none}main h6.block-header{width:100%}.page{color:var(--convene-blue);max-width:70%;padding:5rem;border:1px solid var(--convene-gray);border-radius:8px;box-shadow:0 4px 8px #0000001a}.profile-picture{width:50px;height:50px;border-radius:50%;margin-right:10px;border:2px solid var(--convene-blue)}ul.list-bubbles{display:flex;flex-wrap:wrap;gap:.25rem}ul.list-bubbles li{flex-direction:row;gap:.25rem;font-size:.75rem;padding:.25rem .5rem;color:var(--convene-white);background-color:var(--convene-pink);border-radius:1rem}ul.list-bubbles .list-bubble-delete{height:1rem;width:1rem;line-height:1rem;border-radius:1rem;background-color:var(--convene-blue);color:var(--convene-pink)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--convene-blue: #0f2c43;--convene-pink: #ee7868;--convene-gray: #b3bec5;--convene-white: #ffffff}.root-main{padding-top:60px;padding-bottom:60px;min-height:calc(100vh - 120px)}
