.mobile-menu-open,.mobile-menu-open body{overflow:hidden}.mobile-nav>ul,.mobile-nav>ul>li{flex-direction:column}.mobile-nav a{text-align:left;font-weight:700;text-transform:uppercase}.hamburger{margin:0;height:25px;width:25px;cursor:pointer;border-style:none;background-image:none}.hamburger>span{position:relative;display:block;height:2px;width:100%;border-radius:11px;background-color:var(--color-blue);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hamburger span:first-child{width:25px}.hamburger span:nth-child(2){margin:5px auto 0;width:25px}.hamburger span:nth-child(3){margin-top:5px;width:25px}.burger--opened span:first-child{animation:top .5s ease forwards}.burger--opened span:nth-child(2){animation:scaled .5s ease forwards}.burger--opened span:nth-child(3){animation:bottom .5s ease forwards}.burger--closed span:first-child{animation:top-2 .5s ease forwards}.burger--closed span:nth-child(2){animation:scaled-2 .5s ease forwards}.burger--closed span:nth-child(3){animation:bottom-2 .5s ease forwards}@keyframes top{0%{top:0;transform:rotate(0)}50%{top:7px;transform:rotate(0)}to{top:7px;transform:rotate(45deg)}}@keyframes top-2{0%{top:7px;transform:rotate(45deg)}50%{top:7px;transform:rotate(0deg)}to{top:0;transform:rotate(0deg)}}@keyframes bottom{0%{bottom:0;transform:rotate(0)}50%{bottom:7px;transform:rotate(0)}to{bottom:7px;transform:rotate(135deg)}}@keyframes bottom-2{0%{bottom:7px;transform:rotate(135deg)}50%{bottom:7px;transform:rotate(0)}to{bottom:0;transform:rotate(0)}}@keyframes scaled{50%{transform:scale(0)}to{transform:scale(0)}}@keyframes scaled-2{0%{transform:scale(0)}50%{transform:scale(0)}to{transform:scale(1)}}