.hamburger{display:inline-block}.menu-btn{display:flex;flex-direction:column;justify-content:space-between;width:35px;height:25px;cursor:pointer}.menu-btn span{display:block;height:2px;width:100%;background-color:#2b5afa;border-radius:2px;transition:all 0.3s ease;transform-origin:center}.menu-btn:hover span:nth-child(1){transform:translateY(-2px)}.menu-btn:hover span:nth-child(3){transform:translateY(2px)}.menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.menu-btn.active span:nth-child(2){opacity:0}.menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}