@import url("animate.css"); /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger{background:transparent;border:0 none;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:0;overflow:visible;padding:20px 15px;position:absolute;right:0;text-transform:none;top:32%;transform:translateY(calc(-50% + 5px));transition-duration:0.5s;transition-property:opacity, filter, -webkit-filter;transition-timing-function:linear;z-index:99;outline:none}.hamburger.is-active .hamburger-box{height:17px}.hamburger-box{display:inline-block;height:16px;position:relative;width:36px;margin:auto}.hamburger-inner{display:block;top:50%}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{background-color:#fff;border-radius:4px;height:3px;position:absolute;transition-duration:0.15s;transition-property:transform,-webkit-transform;transition-timing-function:ease;width:35px}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;transition-timing-function:ease;transition-duration:0.2s}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0, 10px, 0) rotate(45deg);transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{-webkit-transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{-webkit-transform:translate3d(0, -20px, 0) rotate(-90deg);transform:translate3d(0, -20px, 0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner::before{top:10px;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;transition-timing-function:ease;transition-duration:0.2s}.hamburger--slider-r .hamburger-inner::after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{-webkit-transform:translate3d(0, 10px, 0) rotate(-45deg);transform:translate3d(0, 10px, 0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{-webkit-transform:rotate(45deg) translate3d(5.71429px, -6px, 0);transform:rotate(45deg) translate3d(5.71429px, -6px, 0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0, -20px, 0) rotate(90deg);transform:translate3d(0, -20px, 0) rotate(90deg)}