html,body{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:Verdana,Geneva,Tahoma,sans-serif;overflow-x:hidden;list-style:none;padding:0;margin:0;min-height:100vh}#root{height:fit-content}.fullPageHeight{min-height:100vh}.partPageHeight{min-height:75vh}h1{text-align:center}.title{font-family:Georgia,Times New Roman,serif}.blackBanner{background-color:#000;width:100vw;height:10vh;position:relative}.thickBlackBanner{background-color:#000;width:100vw;height:15vh;position:relative}button{background-color:#000;color:#fff;height:6vh;font-size:1.25rem}button:hover{cursor:pointer}.invalidMsg{color:red}.highwayContainer{display:flex;justify-content:space-between;align-items:center}.headerTitleLink{text-decoration:none}.event,.highway{font-size:8vh;margin:0}.event{color:#000;position:relative;left:3.5vw;margin:3vh 0}.highway{color:#fff;position:relative;left:4vw}.loggedOutContainer,.takingActionContainer,.errorHeaderContainer{display:flex;justify-content:flex-start;align-items:center;width:100%;height:12vh;min-height:fit-content}.loggedInContainer{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;width:95%;margin-right:5%}.errorHeaderContainer{gap:20vw}.loginButton,.profileButton,.userStatus,.logoutButton,.errorMessage{margin:0;position:relative}.loginButton{left:8vw}@media (min-width: 1080px){.loginButton{left:10vw}}.profileButton{text-decoration:none;color:#000;position:relative;bottom:.8vh!important}@media (max-width: 599px){.profileButton{left:7.5vw}}@media (min-width: 1080px){.profileButton{right:5vw}}@media (min-width: 1280px){.profileButton{right:9vw}}.profileButton img{width:10vw;height:10vh;min-width:10px;min-height:10px;max-width:45px;max-height:45px}.userStatus{text-wrap:nowrap;position:relative}@media (max-width: 599px){.userStatus{visibility:hidden;right:5vw}.userStatus span{visibility:visible}}.userStatus span,.errorMessage{color:red}@media (max-width: 599px){.loggedOutContainer{gap:20vw}}@media (min-width: 600px) and (max-width: 1079px){.loggedOutContainer{gap:15vw}}@media (min-width: 1080px){.loggedOutContainer{gap:8vw}}.welcomePageContainer{display:flex;justify-content:center;align-items:flex-start;margin-top:10vh}.welcomeContainer{display:flex;flex-direction:column;justify-content:center;gap:5vh;padding:5vh 20vw 10vh 20vw;border:1px solid black;border-radius:2%}.welcomeLayerOne,.welcomeLayerTwo,.welcomeLayerThree{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.welcomeLayerOne{font-size:2rem}.welcomeLayerOne h1{margin-bottom:3vh}.welcomeLayerTwo{flex-direction:column;gap:2vh}.welcomeLayerThree{font-size:1.25rem}.welcomeLayerTwo button,.welcomeLayerThree button{width:15vw}.welcomeLayerThree button{margin-left:1vw}.loadingComponent{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;margin-top:10%;font-size:1.5rem}.loginPageContainer{display:flex;justify-content:center;align-items:center}.loginContainer{display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem;box-sizing:border-box;position:relative;top:-10vh}.loginLayerOne h3{font-size:1.5rem;margin:0}.loginLayerTwo{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.loginLayerTwo label{font-weight:700}.loginLayerTwo input{padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;width:100%}.loginLayerTwo button{align-self:center;width:50%;padding:.75rem;margin-top:2.5vh}.loginLayerThree{text-align:center;font-size:.9rem;color:#666}@media (max-width: 600px){.loginContainer{padding:.5rem}.loginLayerOne h3{font-size:1.25rem}.loginLayerTwo button{padding:.5rem}}.signupForm{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.formGroup{display:flex;flex-direction:column}.formGroup label,.formGroup legend{margin-bottom:.5rem;font-weight:700}.formGroup input,fieldset{padding:.5rem;border:1px solid #ccc;border-radius:4px}.radioGroup{display:flex;align-items:center;gap:.5rem}.submitButton{padding:.75rem}.signupPageContainer{display:flex;justify-content:center;width:100%}.signupContainer{display:flex;flex-direction:column;justify-content:center;width:100%}.signupLayerOne{grid-column:2/3;width:100%;height:fit-content;display:flex;justify-content:center;margin-top:5vh;margin-bottom:2vh}.signupLayerTwo{grid-column:2/3;width:100%;height:fit-content}.signupLayerTwo button{align-self:center;width:50%;margin-left:40%;margin-top:3.5vh}.signupLayerThree{display:flex;flex-direction:column;justify-content:center;margin:5vh}.eventCardLink{width:100%;height:100%;text-decoration:none;color:#000}.eventCardLink:hover .title{text-decoration:underline;color:#323232}.eventCard{border:1px solid black;border-radius:5%;width:100%;height:100%;padding:2.5vw;margin:0}.layerOne,.layerTwo,.layerThree,.layerFour{width:100%}.layerOne{display:flex;justify-content:space-between}.layerOne .host strong{color:#00f}.layerOne .category strong{color:green}.layerTwo,.layerThree,.layerThree p,.layerFour section{display:flex;justify-content:center}.layerThree{flex-direction:column;align-items:center;margin:5vh 0}.layerThree p{width:100%;margin:0}.layerThree .isFree{margin:2vh 0}.layerFour{display:flex;justify-content:space-around}.layerFour section{flex-direction:column;align-items:center}.layerFour .eventStartLabel,.layerFour .eventEndLabel{margin:0 0 .25vh}.eventsPageTitle{margin:10vh 0 6vh}.adminButtonHeader{display:flex;justify-content:space-around;width:50%;margin-top:4vh;margin-left:50%}.userButtonHeader{display:flex;justify-content:flex-end;width:30%;margin-top:4vh;margin-left:50%}.myEventsContainer{margin-top:7.5vh}.myEventsLayerOne,.myEventsLayerTwoA,.myEventsLayerTwoB{width:100%}.myEventsLayerOne h1{text-align:center;font-size:1.5rem!important;margin-bottom:7.5vh}.myEventsLayerTwoB{display:flex;justify-content:center;align-items:center}.gridContainer{display:grid;gap:2vw;padding:0;margin:0 auto 10vh}.gridContainer li{list-style:none}@media (max-width: 999px){.gridContainer{grid-template-columns:100%;width:60%}}@media (min-width: 1000px){.gridContainer{grid-template-columns:50% 50%;width:80%}}@media (min-width: 1400px){.gridContainer{grid-template-columns:33.3% 33.3% 33.3%;width:90%}}.viewEventContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5vh;margin:7.5vh 15%}.viewLayerOne{width:100%;display:flex;justify-content:flex-end}.viewLayerTwo{font-size:1.75rem!important}.viewLayerTwo h1{text-align:center;font-size:2.5rem!important;margin-bottom:7.5vh}.viewLayerThree{width:100%;display:flex;justify-content:space-between;margin-top:3vh}.viewLayerThree button{height:4vh!important;font-size:1rem!important}.createEventContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.createEventLayerOne{text-align:center;margin-top:5vh}.createEventLayerThree{margin-bottom:5vh}.createEventForm{margin:2.5vh 0 5vh}.createEventForm .formGroup{margin-bottom:3.5vh}.createEventForm .submitButton{margin-top:1.5vh;height:7vh!important}.notAnAdmin{display:flex;justify-content:center;align-items:center;min-height:100vh}.updateEventContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.updateEventLayerOne{margin-top:5vh}.updateEventLayerThree{margin-bottom:5vh}.updateEventForm{margin:2.5vh 0 5vh}.updateEventForm .formGroup{margin-bottom:3.5vh}.updateEventForm .submitButton{margin-top:1.5vh;height:7vh!important}footer{display:flex;justify-content:space-around;align-items:flex-end;width:100vw;height:25vh;background-color:#000;color:#fff;position:relative;bottom:0}footer p{position:relative;bottom:7.5vh;font-size:2vh}