@keyframes identifier{0%{display:none;padding:0}5%{height:0}to{height:95vh;padding:60px 0}}@keyframes reverse-identifier{0%{display:flex;height:95vh;padding:60px 0}80%{height:0}to{display:none}}.header{padding-left:16px}.header__container{align-items:center;display:flex;justify-content:space-between;padding:20px 0 0}.header__button{font-size:22px;font-weight:700}.menu{animation:reverse-identifier .2s ease-in-out forwards;display:none;flex-flow:column;justify-content:space-between;background-color:#35a917;position:fixed;left:50%;top:50%;height:0;overflow:hidden;transform:translate(-50%,-50%);width:100vw;z-index:15}@media(min-width:768px){.menu{width:98vw}}.menu.--open{animation:identifier .2s ease-in-out;display:flex;height:95vh;padding:60px 0}.menu__close-button{position:absolute;right:20px;top:20px}@media(min-width:768px){.menu__close-button{right:80px;height:80px;top:30px;width:90px}}.menu__items{margin-top:40px}@media(min-width:768px){.menu__items{margin-top:0}}.menu__items li{font-weight:700;font-size:40px;text-align:center}@media(min-width:768px){.menu__items li{font-size:60px}}.menu__items li a{display:inline-block;position:relative}.menu__items li a:before{background-color:green;border-radius:4px;content:"";display:block;height:6px;position:absolute;left:50%;top:50%;transition:width .2s cubic-bezier(.4,0,.2,1);transform:translate(-50%,50%);opacity:.9;width:0}.menu__items li a:hover:before{width:calc(100% + 8px)}.menu__footer{text-align:center}.menu__footer p{font-size:22px}.menu__footer strong{font-size:25px}