.button{position:relative}.button:before{content:"";border-radius:inherit;inset:0;position:absolute;opacity:0;background-color:#fff;transition:opacity .25s ease-in-out}.button-white:before{background-color:grey}.button:hover:before{opacity:.25}html:has(#menu:target){overflow-y:hidden}html:has(#menu:target) .close-nav{display:block}html:has(#menu:target) .open-nav{display:none}#menu:target{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;position:fixed;inset:0;background-color:rgba(0,0,0,.95);color:#fff;z-index:9;margin:0;height:100%;box-sizing:border-box}.revealed{opacity:1}