.mobile-menu{display:none;cursor:pointer}.mobile-menu .bar{width:24px;height:2px;background-color:#000;margin-bottom:8px;transition:transform .5s ease-in-out}.mobile-menu.active .bar:nth-child(1){transform:rotate(45deg) translate(8px,5px)}.mobile-menu.active .bar:nth-child(2){transform:translate(-20px) scale(0)}.mobile-menu.active .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-2px)}@media (max-width: 650px){.mobile-menu{display:none;cursor:pointer}.mobile-menu .bar{width:24px;height:2px;background-color:#000;margin-bottom:5px;border-radius:15%}}@media (max-width: 650px) and (max-width: 650px){.mobile-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:transform .3s ease}}