@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sacramento&display=swap";@import"https://fonts.googleapis.com/css2?family=Sacramento&family=Shadows+Into+Light&display=swap";#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff}div #modal-content{margin:0;padding:0;box-sizing:border-box;border-radius:125px;font-family:Quicksand,sans-serif}.login .image{width:150px;display:flex;justify-content:center;align-items:center;height:100px;padding:0;margin:0;border-radius:100px}.login .input{position:relative;width:195px;padding:12px 25px;background:transparent;border:2px solid #111;border-radius:40px;font-size:1.2em;color:#111;box-shadow:none;outline:none}.login .form{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:115px;padding-bottom:150px}.login form div .login-button{width:250px;background:#0078ff;background:linear-gradient(45deg,#ff5e5e,#135c51);border:none;cursor:pointer;border-radius:40px;padding:12px 25px;font-size:1em}.body{display:flex;justify-content:center;align-items:center;height:700px;background:#faf5e4;width:700px;overflow:hidden;border-radius:25px}.ring{position:relative;width:550px;height:600px;display:flex;justify-content:center;align-items:center}.ring i{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #fff;transition:.5s}.ring i:nth-child(1){border-radius:38% 62% 63% 37%/41% 44% 56% 59%;animation:animate 6s linear infinite}.ring i:nth-child(2){border-radius:41% 44% 56% 59%/38% 62% 63% 37%;animation:animate 4s linear infinite}.ring i:nth-child(3){border-radius:41% 44% 56% 59%/38% 62% 63% 37%;animation:animate2 10s linear infinite}.ring:hover{border:6px solid var(borderColor);filter:drop-shadow(0 0 20px var(borderColor))}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate2{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.login{position:absolute;width:000px;height:000px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;padding:25px}.form-signup .signup-img{width:150px;display:flex;justify-content:center;align-items:center;height:90px;padding:0;margin:0;border-radius:100px}form h1{margin:0;font-size:40px;color:#111}.login input{position:relative;width:165px;padding:5px 15px;background:transparent;border:2px solid #111;border-radius:40px;font-size:.9em;color:#111;box-shadow:none;outline:none}.login label input::placeholder{color:#111}.login .form-signup{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:70px;padding-bottom:50px}form div{padding-bottom:15px}.login form div .signup{width:200px;background:#0078ff;background:linear-gradient(45deg,#ff5e5e,#135c51);border:none;cursor:pointer;border-radius:40px;padding:12px 25px;font-size:.9em;margin-bottom:20px}p{margin:0;display:flex;justify-content:space-around}.hidden{display:none;position:absolute;width:100px;overflow:auto;box-shadow:0 8px 16px #000000b3}#whole{margin:0;padding:0}#nav-bar{display:flex;justify-content:space-between;align-items:center;padding:0 10px}.nav-profile-button{cursor:pointer}#options{position:relative;display:flex;flex-direction:row;align-content:center;justify-content:space-between;column-gap:20px}#options .options-link{text-decoration:none;color:#135c51;font-family:Quicksand,sans-serif;font-size:1em;font-weight:1000;display:flex;justify-content:center;align-items:center}#options-button>button{width:100px;height:35px;background:transparent;border:none}.dropdown>button{border:none;background-color:#0000}#options-modal{display:flex;flex-direction:column}.profile-dropdown{position:absolute;width:200px;overflow:auto;text-align:end;box-shadow:0 8px 16px #0003;background-color:#135c51;display:block;flex-direction:column;justify-self:end;top:auto;right:0;border:black 3px solid;padding:5px;text-align:start;color:#ff6464;font-size:1.3em;font-weight:bolder}.logout{cursor:pointer}#authentication{display:flex;align-content:center;column-gap:50px;color:#ff6464;font-size:1.5em;font-family:Quicksand,sans-serif;font-weight:600}#authentication .auth-login,#authentication .auth-signup{cursor:pointer}#all-four{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Quicksand,sans-serif}#section-1{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:25px;justify-content:center;align-items:center;padding:0 50px;margin:0 20% 30px}#section-1>.intro{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0;padding:0;width:400px}#section-1 .intro-text h1{font-family:Shadows Into Light;font-weight:800;font-size:2.5em}#section-1>.img-holder{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:25px}.img-holder img{width:200px;height:200px}#section-2{display:flex;justify-content:center;align-content:center;flex-direction:column;margin:25px 35%}#section-2 .meetup-text{display:flex;justify-content:center;align-items:center}#section-2 .meetup-text h2{font-family:Shadows Into Light;font-weight:800;font-size:2em;margin:0;padding:0}#section-2 .meetup-desc{display:flex;justify-content:center;align-items:center;padding:0 15px 25px}#section-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;justify-content:center;align-items:center;padding:0 50px;margin:0 20% 30px}#section-3 .meetup-links{display:flex;justify-content:center;align-items:center;flex-direction:column}#section-3 .meetup-links img{width:250px;display:flex;justify-content:center;align-items:center}#section-3 .meetup-links .nav-link{font-size:1.3em;text-decoration:none;font-weight:800;font-family:Shadows Into Light}#section-3 .meetup-links .nav-link:hover{color:teal;text-decoration:underline}#section-3 .meetup-links .link-desc p{display:flex;justify-content:center;align-items:center;padding:10px 25px 10px 35px}#section-4{display:grid;justify-content:center;align-items:center;margin-bottom:25px}.meetup-join{width:250px;background:linear-gradient(45deg,#ff5e5e,#135c51);border:none;cursor:pointer;border-radius:40px;padding:12px 25px;font-size:1em}.disabled{color:gray;pointer-events:none;font-weight:800;text-decoration:none;font-size:1.3em;font-family:Shadows Into Light}#groups-in-meetup{font-family:Shadows Into Light;color:gray}.groupDetail{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;column-gap:30px;padding:10px}#groupImage{display:flex;justify-content:center;align-items:center}#groupImage img{height:200px;width:300px}#groupInfo{display:flex;justify-content:center;align-self:start;flex-direction:column}#groupInfo #all-group-name{margin:0;font-family:Shadows Into Light;font-size:2.3em}#groupInfo #all-group-location{font-family:Quicksand,sans-serif;margin-bottom:11px;color:gray}#groupInfo #all-group-about{font-family:Quicksand,sans-serif;font-weight:500;margin-bottom:11px}#groupInfo .group-count{font-family:Quicksand,sans-serif;font-weight:500;color:gray}#events-in-meetup{font-family:Shadows Into Light;color:gray;font-size:24px}.eventDetail{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}#eventImage{display:flex;justify-content:center;align-items:center;width:100%}#allEvents-event-image{flex:0 0 300px;display:flex;justify-content:center;align-items:center}#eventImage img{height:200px;width:100%}#eventInfo{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:20px}#eventInfo .allEvents-date{font-family:Quicksand,sans-serif;font-weight:500;color:teal}#eventInfo .allEvents-name{margin:0;font-family:Shadows Into Light;font-size:1.5em}.allEvents-venue{font-family:Quicksand,sans-serif;color:gray;font-weight:500}#event-desc{font-family:Quicksand,sans-serif;font-weight:500;display:flex;justify-content:center;align-items:center;padding-top:10px;width:100%}#toggle{padding:0%;margin:0 22%;display:flex;flex-direction:column;justify-content:center;align-content:center;justify-items:center}#section-header{display:flex;flex-direction:row;column-gap:20px;padding-bottom:0;margin-bottom:0}.inactive{color:gray;text-decoration:none;font-family:Shadows Into Light;margin-bottom:0;font-size:2.3em}.inactive:hover{text-decoration:underline;margin-bottom:0;font-size:2.3em}.active{color:teal;text-decoration:underline;font-family:Shadows Into Light;margin-bottom:0;font-size:2.3em}.clickable:hover{cursor:pointer;margin-bottom:0}.neutral:hover{cursor:default;margin-bottom:0}#modal-background{opacity:.7}#deleteMenu{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px}#deleteMenu h1{margin:0;font-family:Shadows Into Light;font-size:2.5em}#button-div{display:flex;gap:10px}#button-text{font-family:Quicksand,sans-serif;font-weight:600}#button-text:hover{cursor:pointer}#groups-details{display:flex;justify-content:center;align-items:flex-start;margin:5% 10%;flex-direction:column}#groups-link-holder #group-link{color:teal;font-family:Quicksand,sans-serif;font-weight:500}#top-each-groupDetail{display:grid;grid-template-columns:.4fr 2fr;justify-content:center;align-items:center;column-gap:55px}#top-each-groupDetail #groupDetailImage img{width:500px;height:400px}#top-each-groupDetail #groupDetailInfo{display:flex;justify-content:space-evenly;flex-direction:column;align-items:flex-start}#groupDetailInfo #groupDetailName{font-family:Shadows Into Light;font-size:3em;margin:0}#groupDetailInfo #groupDetailLocation{font-family:Quicksand,sans-serif;font-weight:500;color:gray;margin:10px 0}#groupDetailInfo #groupDetailPrivacy,#groupDetailInfo #groupDetailOrganizer{font-family:Quicksand,sans-serif;font-weight:500;color:gray;margin-bottom:10px}#crud-buttons{padding-top:200px;display:flex}#crud-buttons div{padding-right:10px}#crud-buttons button:hover{cursor:pointer;box-shadow:2px 2px #135c51}#crud-buttons button{cursor:pointer;box-shadow:2px 2px #ff6464}#event-list-past,#event-list-upcoming{cursor:pointer}#body-page{display:flex;flex-direction:column;align-items:flex-start}#organizer{display:flex;justify-content:center;flex-direction:column;align-items:flex-start}.groupDetail-h3{font-family:Shadows Into Light;font-size:2.5em;margin-top:25px;margin-bottom:0}.groupDetail-desc-p{display:flex;justify-content:center;align-items:flex-start;font-family:Quicksand,sans-serif;font-weight:500}.event-item-dates{display:flex;justify-content:flex-start;flex-direction:column;align-items:flex-start;width:400px}.event-item{display:grid;grid-template-columns:.4fr 2fr;justify-content:center;align-items:flex-start;flex-direction:column;padding:0}.event-item img{width:250px}.event-item-dates-p{font-family:Quicksand,sans-serif;font-weight:500;color:teal;padding-top:35px}.event-desc-group,.event-item-dates-venue{font-family:Quicksand,sans-serif;font-weight:500}.event-item-name-h4{font-family:Shadows Into Light;font-size:2em;margin:0}#events-details{display:flex;justify-content:center;align-items:flex-start;margin:5% 10%;flex-direction:column}#events-link-holder #event-link{color:teal;font-family:Quicksand,sans-serif;font-weight:500}#events-details-name{font-family:Shadows Into Light;font-size:3em;margin:0}.events-details-host{margin:0;padding-bottom:30px;font-family:Quicksand,sans-serif;font-weight:500;color:gray}#events-body{display:flex;flex-direction:column;align-items:flex-start}#event-section-1{display:grid;grid-template-columns:repeat(2,1fr);column-gap:30px}#events-details-image img{width:500px;height:400px}#mix-event-group{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}#group-events{display:grid;grid-template-columns:1fr 2fr;justify-content:center;align-items:flex-start;column-gap:10px;margin-bottom:70px}#events-group-image{margin:0;padding:0;font-size:0;line-height:0%;display:block}#events-group-image img{width:100px;height:100px;margin:0 auto;padding:0}#events-group-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}#events-group-info h3{font-family:Shadows Into Light;font-size:1.5em;margin:0}#events-group-info p{margin:0;padding-bottom:30px;font-family:Quicksand,sans-serif;font-weight:500;color:gray}#event-event{display:flex;flex-direction:column;align-items:flex-start}#events-details-date{display:grid;grid-template-columns:.25fr 2fr;padding-bottom:25px}#events-details-date .events-details-clock{display:flex;justify-content:center;align-items:center;margin:10px 0}#events-details-date p{margin-left:5px}#events-details-price{display:grid;grid-template-columns:1.2fr 2fr;padding-bottom:25px}#events-details-price .events-details-price{display:flex;justify-content:center;align-items:center}#events-details-location{display:grid;grid-template-columns:1fr 2fr}#events-details-location .events-details-location{display:flex;justify-content:center;align-items:center}#events-update-delete{display:flex;align-items:flex-end;justify-content:flex-end;margin-left:170px;cursor:pointer;box-shadow:2px 2px #ff6464}#events-update-delete button:hover{cursor:pointer;box-shadow:2px 2px #135c51}#event-section-2{display:flex;flex-direction:column}#event-section-2 h2{font-family:Shadows Into Light;font-size:2.5em;margin:0;padding-bottom:10px}#event-section-2 p{font-family:Quicksand,sans-serif;font-weight:500}#new-group{display:flex;flex-direction:column;margin:0 10%}#header h1{margin:0;font-family:Shadows Into Light;font-size:2.3em;color:teal;padding-bottom:10px}h2{margin:0;font-family:Shadows Into Light;font-size:1.5em}#section-1-create,#section-2-create,#section-3-create,#section-4-create{display:flex;flex-direction:column;padding:0}#set-location,#set-name,#set-description,#set-privacy,.privacy-questions label,#url-input label{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:500px;width:100%;padding:0}#location-input,#name-input,#description-input,#url-input{width:100%}#location-input-text,#name-input-text,#input-url{border:2px solid black;font-family:Quicksand,sans-serif;width:70%;box-sizing:border-box}#group-name-textarea{border:2px solid black;font-family:Quicksand,sans-serif;width:70%;box-sizing:border-box;height:200px}select,.group-option-text{font-family:Quicksand,sans-serif;font-weight:500}select{border:2px solid black}#create-group-submit{border:0;width:250px;cursor:pointer;border-radius:40px;padding:12px 25px;font-size:1em;color:#faf5e4;font-family:Quicksand,sans-serif;background:linear-gradient(45deg,#ff5e5e,#135c51)}#new-event{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 22%}#events-section-1{display:flex;flex-direction:column;padding:0}#events-section-1 h1{margin:0;font-family:Shadows Into Light;font-size:2.3em;padding-bottom:10px}p,label{font-family:Quicksand,sans-serif;font-weight:500}#name-input label,#event-status label,#event-date-time label,#event-image label,#event-description label{display:flex;flex-direction:column;padding-bottom:10px;width:100%}#name-input,#event-status,#event-date-time,#event-image,#event-description{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:500px;width:100%;padding:0}#event-name-input,#event-url{border:2px solid black;font-family:Quicksand,sans-serif;width:60%;box-sizing:border-box}#event-privacy-select{border:2px solid black;font-family:Quicksand,sans-serif;width:30%;box-sizing:border-box}#event-price-select{border:2px solid black;font-family:Quicksand,sans-serif;width:20%;box-sizing:border-box}#event-startDate-select,#event-endDate-select{border:2px solid black;font-family:Quicksand,sans-serif;width:40%;box-sizing:border-box}#event-description-textarea{border:2px solid black;font-family:Quicksand,sans-serif;width:100%;box-sizing:border-box;height:200px}#event-description{display:flex;flex-direction:column;padding-bottom:15px;width:100%}.errors{color:red;margin-top:5px}body{background-color:#faf5e4;margin:0;padding:0}