:root{font-size:16px;font-family:Open Sans;--text-primary:red;--text-secondary:#ececec;--bg-primary:green;--bg-secondary:#141418}.app{color:#000;background-color:#fff;margin:0;padding:0}.app::-webkit-scrollbar{width:.25rem}.app::-webkit-scrollbar-track{background:#1e1e24}.app::-webkit-scrollbar-thumb{background:#6649b8}.main{margin-left:5rem;padding:1rem}.navbar{position:fixed;background-color:var(--bg-primary);transition:width .2s ease}.navbar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;height:100%}.navbar:hover{width:12rem}.navbar:hover .link-text{display:block}.nav-item{width:100%}.nav-item:last-child{margin-top:auto}.nav-link{display:flex;align-items:center;height:5rem;color:var(--text-primary);text-decoration:none}.link-text{display:none;margin-left:1rem}.nav-link img{min-width:2rem;max-width:2rem;margin:0 1.5rem}.navbar-icon{color:#ff7eee}h4{font-size:20px}@media only screen and (max-width:600px){.navbar{bottom:0;width:100vw;height:5rem}.navbar-nav{flex-direction:row}.nav-link{justify-content:center}main{margin:0}}@media only screen and (min-width:600px){.navbar{width:5rem;height:100vh;top:0}.navbar:hover{width:16rem}.navbar:hover .link-text{display:inline;transition:opacity var(--transition-speed)}}.event-card[data-v-03a24fde]{padding:20px;width:250px;cursor:pointer;border:1px solid #39495c;margin-bottom:18px}.event-card[data-v-03a24fde]:hover{transform:scale(1.01);box-shadow:0 3px 12px 0 rgba(0,0,0,.2)}.event-link[data-v-03a24fde]{color:#2c3e50;text-decoration:none}.events[data-v-702a2f49]{display:flex;flex-direction:column;align-items:center}:root{--r:255;--g:0;--b:0;--text-color:rgb(var(--r),var(--g),var(--b))}.weather-component{display:flex;justify-content:center}.weather-container{width:clamp(200px,50%,600px)}.temp-description{display:flex;justify-content:center;align-items:center}