#menu-burger{display:block;height:75px;margin:auto;width:75px}#bottom-bar,#middle-bar,#top-bar{height:4px;margin:0 auto 5px;position:relative;top:26px;width:40px;z-index:2}@keyframes menu-burger-hover-middle{0%{margin-bottom:5px}50%{margin-bottom:-4px}to{margin-bottom:5px}}@keyframes menu-burger-hover-top{0%{top:26px}50%{top:34px}to{top:26px}}#menu-burger.hover #middle-bar{animation:menu-burger-hover-middle 1s}#menu-burger.hover #top-bar{animation:menu-burger-hover-top 1s}@keyframes menu-burger-click-middle{0%{margin-bottom:5px}25%{margin-bottom:-4px}75%{margin-bottom:-4px;transform:rotate(0)}to{margin-bottom:-4px;transform:rotate(45deg)}}@keyframes menu-burger-click-top{0%{top:26px}25%{top:34px}75%{top:34px;transform:rotate(0)}to{top:34px;transform:rotate(-45deg)}}@keyframes menu-burger-click-bottom{0%{transform:rotate(0)}75%{transform:rotate(0)}to{top:26px;transform:rotate(-45deg)}}#menu-burger.click #top-bar{animation:menu-burger-click-top 1.5s;animation-fill-mode:forwards;z-index:2}#menu-burger.click #middle-bar{animation:menu-burger-click-middle 1.5s;animation-fill-mode:forwards;z-index:2}#menu-burger.click #bottom-bar{animation:menu-burger-click-bottom 1.5s;animation-fill-mode:forwards;z-index:2}.logo{transition:all 1s ease-in-out}.vis{opacity:1}.invis{opacity:0}