.hamburgerBar{cursor:pointer;opacity:1;background-color:#fff;width:40px;height:5px;margin:6px 0;transition:all .4s}.bar1Transition{transition:all .4s;transform:rotate(-45deg)translateY(15px)}.bar2Transition{opacity:0;transform:translate(10px)}.bar3Transition{transition:all .4s;transform:rotate(-135deg)translateY(15px)}.arrowContainer{cursor:pointer;background-color:#000;border-radius:25px;justify-content:space-around;align-items:center;width:16px;height:16px;padding:16px;display:flex}.arrow{border:3px solid #fff;border-width:0 3px 3px 0;padding:5px;display:inline-block}.rotateRight{transform:rotate(-45deg)}.rotateLeft{transform:rotate(135deg)}.rotateUp{transform:rotate(-135deg)}.rotateDown{transform:rotate(45deg)}