.hamburger{display:none}.mobile .hamburger{display:flex;align-items:left;justify-content:space-between;flex-direction:column;width:35px;height:30px;cursor:pointer}.hamburger span{width:100%;height:0;background-color:#fff;border:2px solid #fff;border-radius:2px;transition:all .4s ease-in-out}.hamburger span:nth-child(1){width:50%;transform-origin:left}.hamburger span:nth-child(2){transform-origin:center}.hamburger span:nth-child(3){width:75%;transform-origin:right}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(-3.4px) translateX(3.4px)}.hamburger.open span:nth-child(2){transform:rotate(-45deg)}.hamburger.open span:nth-child(3){width:50%;transform:rotate(45deg) translateY(-8.4px) translateX(8.4px)}