.menu-container{position:fixed;top:1rem;left:1rem;z-index:1000}.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:0 0;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger:focus{outline:none}.hamburger .bar{width:2rem;height:.25rem;background-color:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger.active .bar:first-child{transform:rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg)}body.single-theme-light .hamburger .bar{background-color:#111}.main-nav{position:fixed;top:0;left:-100%;width:300px;height:100vh;background:rgba(7,9,15,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:4rem 2rem;transition:left .3s ease-in-out;z-index:999;border-right:1px solid rgba(232,184,75,.12)}.main-nav.active{left:0}.main-nav ul{list-style:none;padding:0;margin:0}.main-nav li{margin:1.5rem 0;opacity:.9;transition:opacity .3s ease}.main-nav li:hover{opacity:1}.main-nav .nav-link{font-family:ibm plex sans,system-ui,sans-serif;color:#ddd8cc;text-decoration:none;font-size:1.1rem;font-weight:400;transition:all .3s ease;position:relative;padding-bottom:.2rem}.main-nav .nav-link::after{content:'';position:absolute;width:0;height:1px;bottom:0;left:0;background-color:#e8b84b;transition:width .3s ease}.main-nav .nav-link:hover{color:#e8b84b}.main-nav .nav-link:hover::after{width:100%}