#menu-button span{width:30px;height:3px;border-radius:2px;background-color:#111111;transition:transform .3s ease-in-out,opacity .3s ease-in-out,background-color .5s ease-in-out;transform-origin:center}[data-menu-open=true] span:first-child{transform:translate3d(0,8px,0) rotate(40deg);background:#fff}[data-menu-open=true] span:nth-child(2){opacity:0;transform:scaleX(0)}[data-menu-open=true] span:nth-child(3){transform:translate3d(0,-6px,0) rotate(-45deg);background:#fff}[data-menu-ul]{box-shadow:0 0 5px rgba(255,240,191,.641);display:flex;flex-direction:column;gap:10px;width:0;height:0;border-radius:8px;opacity:0}[data-menu-ul] li{list-style:none;margin:0;padding:5px 0}