.header{position:fixed;top:0;width:100%;background-color:#f0e0bc;box-shadow:0 2px 4px hsla(42,63%,84%,.9);opacity:.9;z-index:1000;padding:20px}.scrolled{opacity:.6}.header-container{justify-content:space-between}.header-container,.header-logo{display:flex;align-items:center}.header-logo img{width:auto;height:6vw}.header-logo-placeholder{display:flex;align-items:center;opacity:0}.header-logo-placeholder img{width:auto;height:6vw}.header-links{font-size:2vw;display:flex;gap:5vw}.header-link{color:#000;text-decoration:none;transition:color .3s ease}.header-link:hover{color:#ff8c1a}.header-social-links{display:flex;gap:15px}.header-social{color:#000;font-size:24px;transition:transform .3s ease}.header-social:hover{transform:scale(1.2)}.mobile-header{position:relative;z-index:1000}.menu-icon-box{cursor:pointer;position:fixed;top:20px;right:20px;z-index:1001;background:rgba(0,0,0,.5);padding:10px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3);transition:background .3s ease,box-shadow .3s ease}.menu-icon-box:hover{background:rgba(0,0,0,.7);box-shadow:0 6px 12px rgba(0,0,0,.4)}.menu-icon{color:#fff}.menu-container{position:fixed;top:0;right:-50%;width:50%;height:100%;background:hsla(0,0%,62%,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:right .3s ease;z-index:1000}.menu-container.open{right:0}.menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center}.menu-list li{margin:20px 0}.menu-btn{font-size:24px;text-decoration:none;color:#fff;font-family:Arial,sans-serif;transition:color .3s ease,transform .3s ease}.menu-btn:hover{color:#ff8c1a;transform:scale(1.1)}.menu-btn.active{color:#ff8c1a;opacity:.8}.MyCalendar button,.MyCalendar input{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.MyCalendar header{background-color:#323639;box-shadow:0 0 8px rgba(0,0,0,.5);padding:20px;color:#fff}.MyCalendar header h1{font-size:inherit;margin:0}.MyCalendar_container{display:flex;flex-direction:column;align-items:center;padding:3vw}.MyCalendar_container .react-calendar__navigation{display:flex;text-align:center;justify-content:center}.MyCalendar_container .react-calendar__navigation>*{padding:2%;margin:2%;border-radius:15%;background-color:#5a2f23;color:#fff;font-size:2vw}.MyCalendar .react-calendar__navigation__label{max-width:max-content}.MyCalendar_container_content{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:70%}.MyCalendar_tile{background:#f0e0bc;border:.2vw solid #8b370e;border-radius:2vw;aspect-ratio:1/1;font-size:2vw}.MyCalendar .react-calendar__month-view__weekdays__weekday{text-align:center;padding:1vw;font-size:2vw}.MyCalendar_tile.react-calendar__tile--active{background-color:#e0e0e0}.MyCalendarEvent_Container{max-height:50%;overflow:scroll;padding:5%}.MyCalendarEvent_Container::-webkit-scrollbar{display:none}.MyCalendarEvent{font-size:100%;color:#fff;text-wrap:stable;border:1px solid gray;border-radius:10%;padding:10%;text-align:center;background-color:#000}.footer{background-color:#f0e0bc;color:#000;padding:22px;position:relative;width:100%;bottom:0;display:flex;flex-direction:column;align-items:center}.center{max-width:fit-content;margin-left:auto;margin-right:auto}.footer-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1px 20px}.footer-logo{flex:1}.footer-logo img{max-height:200px;margin-bottom:40px}.mobile-footer-logo{max-width:fit-content;margin-left:auto;margin-right:auto}.footer-links-container{flex:1;display:flex;justify-content:center}.mobile-footer-links-container{justify-content:center}.footer-links{display:flex;gap:20px;bottom:10}.mobile-footer-links{max-width:fit-content;margin-left:auto;margin-right:auto}.footer-link{color:#000;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#ff8c1a}.footer-social-links{flex:1;display:flex;justify-content:flex-end;gap:20px}.footer-social-link img{width:24px;height:24px;transition:transform .3s ease}.mobile-footer-social-links{flex:1;display:flex;gap:20px;max-width:fit-content;margin-left:auto;margin-right:auto}.footer-social-link:hover img{transform:scale(1.2)}.footer-bottom{margin-top:30px;font-size:.9em;opacity:.7;text-align:center;bottom:0}