.menu-icon:after,.menu-icon:before{content:"";position:absolute;left:50%;top:50%;width:40%;height:1px;background-color:#fff}.menu-icon:before{transform:translate(-50%,2.5px)}.menu-icon:after{transform:translate(-50%,-2.5px)}nav a{transition:opacity .5s ease-in-out}nav:has(a:hover) a{opacity:.3}nav:has(a:hover) a:hover{opacity:1}.menu-close{position:relative;cursor:pointer;transition:rotate .7s ease-in-out}.menu-close:hover{rotate:180deg}.menu-close:after,.menu-close:before{content:"";position:absolute;width:100%;height:1px;background-color:rgba(0,0,0,.8)}.menu-close:before{top:50%;left:0;transform:rotate(45deg)}.menu-close:after{top:50%;left:0;transform:rotate(-45deg)}.transition-color{transition:color .3s ease-in-out}