@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300..700&display=swap";.learn-more-container{background-color:#fff;padding:20px;display:flex;flex-direction:column;align-items:center}.learn-more-section{display:flex;justify-content:center;align-items:center;margin:20px;flex-wrap:wrap}.learn-more-section .learn-more-text,.learn-more-section .learn-more-image{flex:1;max-width:40%;display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif}.learn-more-image img{border-radius:50%;width:350px;height:350px;object-fit:cover;margin:0 20px}.learn-more-section:nth-child(2){flex-direction:row-reverse}.learn-more-text{padding:20px;text-align:justify;font-family:Roboto,sans-serif}@media (max-width: 768px){.learn-more-section{flex-direction:column}.learn-more-section .learn-more-text,.learn-more-section .learn-more-image{max-width:80%;margin-bottom:20px}.learn-more-section:nth-child(2){flex-direction:column-reverse}}body{font-family:Roboto,sans-serif;margin:0}.home-container{position:relative;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}.background-video{position:absolute;width:100vw;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;z-index:-1}.home-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}.logo-image{max-width:100%;height:auto;display:block;margin:0 auto;position:relative;left:-10px}.home-content h1,.home-content p{margin-top:20px}.home-text{font-size:40px;transform:translate(10px)}.app-slogan{font-size:30px;margin-left:60;font-size:40px}.LoginPage{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;overflow-x:hidden;overflow-y:hidden}.Central-Park{width:50vw;height:100vh;object-fit:cover;position:fixed;left:0}.login-container{max-width:400px;padding:20px;margin-left:50vw;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fffc}.text,.password{width:100%;padding:10px;margin:10px 0;border-radius:4px;border:1px solid #ccc;box-sizing:border-box}.Sign-in{background-color:#1d2088;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;width:100%;margin-top:10px}.Sign-in:hover{background-color:#353535}.handleRegister,.handleForgotPassword{background:none;border:none;color:#1d2088;padding:5px 10px;cursor:pointer;text-decoration:underline;margin:5px;display:inline-block}.handleRegister{margin-right:5px}.handleForgotPassword{margin-left:5px}.handleRegister:hover,.handleForgotPassword:hover{color:#353535}h1{text-align:center}.nav-link{text-decoration:none;color:#000;margin:0 15px;background:none;border:none;cursor:pointer}.nav-link:hover{color:#000}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 0 10px 20px;position:fixed;width:100%;top:0;left:0;z-index:3;font-family:Rubik,sans-serif;font-weight:700;font-size:24px;background-color:transparent}.sign-out{text-decoration:none;color:#000;margin:0 20px 0 15px;background:none;border:none;cursor:pointer;padding-right:20px;font-family:Rubik,sans-serif;font-weight:700;font-size:24px;display:inline-flex;align-items:center;justify-content:center}.sign-in{color:#4caf50}.sign-out{color:#f44336}.sign-out,.sign-in{text-decoration:none;margin:0 20px 0 15px;background:none;border:none;cursor:pointer;padding-right:20px;font-family:Rubik,sans-serif;font-weight:700;font-size:24px;display:inline-flex;align-items:center;justify-content:center}.Register{position:relative;height:100vh;width:150vw;overflow:hidden;position:fixed}.Manhattan{position:fixed;left:0;width:50vw;height:100vh;object-fit:cover;z-index:-1}.Register-Form{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:400px;width:calc(50vw - 40px);padding:20px;display:flex;flex-direction:column;align-items:center;background:#fffc}.Register-Text{color:#000;margin-bottom:20px;margin-left:-30px}.Email-container,.Password-container,.Fname-container,.Lname-container{width:100%;padding:10px;margin-bottom:20px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box}.Signup-container{width:100%;padding:10px;background-color:#1d2088;color:#fff;border:none;border-radius:4px;cursor:pointer}.Signup-container:hover{background-color:#353535}.event-card{border:2px solid #fff;border-radius:8px;padding:20px;margin:10px 0;color:#fff;background-color:#121212;display:flex;flex-direction:column;text-align:left}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.event-tag{background-color:#333;color:#fff;padding:5px 15px;border-radius:15px;font-size:.8rem;align-self:flex-start}.event-location .event-title{font-size:1.5rem;font-weight:700;flex-grow:1}.event-joined{background-color:#333;color:#fff;padding:5px 15px;border-radius:15px;font-size:.8rem;align-self:flex-end}.event-description{font-size:1rem;border-top:1px solid #666;border-bottom:1px solid #666;padding:20px 0}.event-date,.event-location,.event-author{font-size:.9rem;margin:10px 0}.event-join-button,.event-show-participants-button{background-color:#fff;color:#000;border:1px solid #666;border-radius:4px;padding:10px 20px;text-transform:uppercase;cursor:pointer;margin-top:20px;width:100%;box-sizing:border-box}.event-show-participants-button{background-color:#444;color:#fff;margin-top:10px}.addEventForm{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;background:#1a1a1a;padding:40px;border:1px solid #333;box-shadow:0 4px 8px #0000001a}.addEventForm input[type=text],.addEventForm input[type=date],.addEventForm input[type=number],.addEventForm textarea{background:#333;border:1px solid #444;color:#fff;padding:10px}.addEventForm input[type=text]::placeholder,.addEventForm input[type=date]::placeholder,.addEventForm input[type=number]::placeholder,.addEventForm textarea::placeholder{color:#bbb}.addEventForm .description{grid-column:1 / -1}.addEventForm button{padding:10px 20px;cursor:pointer;background:#555;color:#fff;border:1px solid #666}.addEventForm .Submit{justify-self:end}.addEventForm .Close{justify-self:start}.buttons-container{display:flex;position:relative;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px}.addEventButton,.sortButton{background-color:#1d2088;color:#fff;font-family:Roboto,sans-serif;font-size:1.125rem;border:none;cursor:pointer;padding:15px 20px;min-width:120px;white-space:nowrap}.sortButtonContainer{position:relative;display:flex;align-items:center;gap:10px}.sortButtonWrapper{position:relative;display:inline-block}.dropdown{position:absolute;top:100%;left:0;width:max-content;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:4px;overflow:hidden}.events-container{max-width:100%;font-family:Roboto,sans-serif;padding:30px}.events-container{padding-top:80px;font-family:Roboto,sans-serif;background-image:url(/assets/Sky-CdmDMAmD.png);background-size:cover;background-position:center;min-height:100vh}.buttons-container{display:flex;justify-content:space-between;margin-bottom:20px}.addEventButton,.sortButton{background-color:#1d2088;color:#fff;font-family:Roboto,sans-serif;border:none;cursor:pointer;padding:15px 20px;font-size:18px;margin-left:10px}.addEventButton:hover,.sortButton:hover{background-color:gray}.sortButtonContainer{position:relative}.dropdown{position:absolute;top:100%;right:0;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:4px;overflow:hidden;z-index:9}.dropdown-item{padding:10px 15px;cursor:pointer}.dropdown-item:not(:last-child){border-bottom:1px solid #ddd}.dropdown-item:hover{background-color:#f2f2f2}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.Reset{display:flex;height:100vh;width:87vw;justify-content:flex-end;align-items:center;position:relative}.Reset-container{width:50vw;max-width:400px;padding:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;background:#fffc}.Email{width:150%;padding:10px;margin-bottom:20px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box}.handle-reset{width:150%;padding:10px;background-color:#1d2088;color:#fff;border:none;border-radius:4px;cursor:pointer}.handle-reset:hover{background-color:#353535}.Reset-Password{margin-left:120px}.container{display:flex;flex-direction:row;height:100vh}.image-container{width:50vw;height:100vh;position:fixed;left:0;top:0;z-index:-1}.image{width:100%;height:100%;object-fit:cover}.leaderboard-container{width:50vw;height:100vh;margin-left:50vw;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:auto}.table-container{width:100%;max-width:100%;overflow-x:auto}table{width:100%;margin:0 auto;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid #ddd}th{background-color:#f2f2f2}tr:hover{background-color:#f5f5f5}.medal{width:25px;height:25px;margin-right:10px}.footer-note{margin-top:20px;padding:10px;font-size:.9em;text-align:center;color:#666}.analysis-container{padding-top:20px;margin:50px}.graph-container{background-color:#f5f5f5;display:flex;flex-direction:row;align-items:flex-start}.graph-explanation{flex:1;padding-left:20px;text-align:center}.bar-graph img{max-width:100%;height:auto}.carousel-container{margin-top:100px}.carousel .slide img{width:50%;display:block;margin-left:auto;margin-right:auto}.carousel-text{text-align:center}.pie-graph{max-width:50%}.bar-graph{max-height:50%;max-width:35%}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}
