.hamburger-menu{width:45px;height:45px;border-radius:50%;align-items:center;cursor:pointer;transition:all .4s ease}.bar,.hamburger-menu{display:flex;justify-content:center}.bar{z-index:5;background:var(--main-color);height:3px;width:60%;position:relative;transition:transform .4s ease}.bar:before{transform:translateY(-8px)}.bar:after,.bar:before{content:"";width:80%;height:3px;background:var(--main-color);position:absolute}.bar:after{transform:translateY(8px)}.transform-menu .bar{background:transparent;transform:rotate(180deg)}.transform-menu .bar:before{transform:translateY(0) rotate(45deg)}.transform-menu .bar:after{transform:translateY(0) rotate(-45deg)}