.hamburger-line{display:block;position:absolute;width:100%;height:2px;background-color:white;transition:all .3s}.hamburger-line.top-line{transform:translateY(-8px)}.hamburger-line.middle-line{transform:translateY(0)}.hamburger-line.bottom-line{transform:translateY(8px)}.active .top-line{transform:translateY(0) rotate(45deg)}.active .middle-line{opacity:0}.active .bottom-line{transform:translateY(0) rotate(-45deg)}