.hamburger{cursor:pointer;position:relative;z-index:50}.hamburger input{display:none}.hamburger svg{height:3em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}.nav-menu{position:fixed;display:flex;flex-direction:column;justify-content:center;width:100%;height:100vh;top:-10px;transition:.3s;background:rgba(32,32,32,.7);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-10}.nav-menu button{position:relative;overflow:hidden}.nav-menu button:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:var(--golden-color);transform:translateX(-100%);transition:transform .7s ease}.nav-menu button:hover:after{transform:translateX(0)}