:root{--transition-duration:.6s;--menu-size:40px}.hamburger-menu{width:var(--menu-size);height:var(--menu-size);cursor:pointer;z-index:1000;position:relative}.hamburger-lines{width:100%;height:100%;position:relative}.line{background:hsl(var(--foreground));width:100%;height:2px;transition:all var(--transition-duration) ease;transform-origin:50%;border-radius:4px;position:absolute;left:0}.line-1{width:70%;top:25%}.line-2{top:50%;transform:translateY(-50%)}.line-3{width:50%;bottom:25%}.notes{opacity:0;width:100%;height:100%;transition:opacity var(--transition-duration) ease;position:absolute;top:0;left:0}.note{background:hsl(var(--primary));transition:transform var(--transition-duration) cubic-bezier(.34, 1.56, .64, 1);border-radius:50%;position:absolute;transform:scale(0)}.note-1{width:8px;height:8px;transition-delay:.1s;top:10px;right:5px}.note-2{width:6px;height:6px;transition-delay:.2s;top:25px;right:12px}.note-3{width:10px;height:10px;transition-delay:.3s;bottom:10px;right:8px}.hamburger-menu:hover .note{transform:scale(1)}.hamburger-menu:hover .notes{opacity:1}.hamburger-menu.active .line-1{width:100%;top:50%;transform:translateY(-50%)rotate(45deg)}.hamburger-menu.active .line-2{opacity:0}.hamburger-menu.active .line-3{width:100%;bottom:50%;transform:translateY(50%)rotate(-45deg)}.hamburger-menu.active .notes{opacity:0}.nav-overlay{background:hsl(var(--btg-void));z-index:999;width:100%;height:0;transition:height .6s cubic-bezier(.77,0,.175,1);position:fixed;top:0;left:0;overflow:hidden}.nav-overlay.open{height:100%}.menu-content{opacity:0;flex-direction:column;justify-content:center;align-items:center;height:100%;transition:all .6s .2s;display:flex;position:relative;transform:translateY(30px)}.nav-overlay.open .menu-content{opacity:1;transform:translateY(0)}.menu-items{text-align:center;list-style:none}.menu-item{cursor:pointer;margin:1.5rem 0;position:relative;overflow:hidden}.menu-item a{color:hsl(var(--foreground));text-decoration:none;transition:all .3s;display:inline-block;position:relative}.menu-item a:after{content:"";background:hsl(var(--primary));width:0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.menu-item a:hover:after{width:100%}.close-button{cursor:pointer;z-index:1001;background:0 0;border:none;position:absolute;top:2rem;left:2rem}.equalizer{align-items:flex-end;gap:3px;height:30px;display:flex;position:absolute;top:15px;right:15px}.bar{background:hsl(var(--primary));border-radius:3px;width:3px;animation:1.5s ease-in-out infinite alternate equalize}.bar-1{height:15px;animation-delay:0s}.bar-2{height:22px;animation-delay:.2s}.bar-3{height:13px;animation-delay:.4s}.bar-4{height:18px;animation-delay:.6s}@keyframes equalize{0%{height:5px}to{height:25px}}@media (width<=600px){.menu-item{margin:1rem 0;font-size:1.5rem}}