#mobile-menu__button{height:100%;position:relative;width:30px}#mobile-menu__button:after,#mobile-menu__button:before{background:#fff;content:"";height:2px;position:absolute;transition:all .3s ease-in-out;width:100%}#mobile-menu__button:before{left:0;top:42%}#mobile-menu__button:after{right:0;top:58%}#mobile-menu__button.active:after,#mobile-menu__button.active:before{top:50%;transition:all .3s ease-in-out}#mobile-menu__button.active:before{transform:translateY(-50%) rotate(45deg)}#mobile-menu__button.active:after{transform:translateY(-50%) rotate(-45deg)}.pacman__mouth{animation-duration:.7s;animation-iteration-count:infinite;animation-name:eat;clip-path:polygon(100% 74%,44% 48%,100% 21%)}.pacman__food{animation-duration:4s;animation-iteration-count:infinite;animation-name:food}@keyframes eat{0%{clip-path:polygon(100% 74%,44% 48%,100% 21%)}25%{clip-path:polygon(100% 60%,44% 48%,100% 40%)}50%{clip-path:polygon(100% 50%,44% 48%,100% 50%)}75%{clip-path:polygon(100% 59%,44% 48%,100% 35%)}to{clip-path:polygon(100% 74%,44% 48%,100% 21%)}}@keyframes food{0%{transform:translate(100%)}50%{transform:translate(0)}to{transform:translate(-180%)}}