.animation-slide-in-from-top{animation-name:slide-in-from-top;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.animation-slide-out-to-top{animation-name:slide-out-to-top;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes slide-out-to-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer;position:relative}.line{width:50px;height:3px;background-color:#fff;transition:all .3s ease-in-out}.line1{margin-bottom:10px}.line1,.line2{transform-origin:center}.menu-button.open .line1{transform:rotate(45deg);margin-bottom:0}.menu-button.open .line2{transform:rotate(-45deg);margin-top:-3px}@media (width <= 768px){.line{width:35px}}