#main-navigation-nav{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0;position:fixed;z-index:98}#main-navigation-nav .navbar-nav{margin-top:20px;position:fixed;text-align:center;top:50%;transform:translateY(-50%);visibility:hidden;width:100%}#main-navigation-nav .navbar-nav .nav-item{color:#fff;display:block;margin-bottom:0;margin-top:0;opacity:0;overflow:hidden;position:relative;text-align:center;transform:translate(100px);transition:opacity .2s ease,transform .3s ease;transition-delay:.8s}#main-navigation-nav .navbar-nav .nav-item a{color:hsla(0,0%,100%,.6);display:inline-block;overflow:hidden;position:relative;text-decoration:none;transition:all .2s linear;z-index:2}#main-navigation-nav:after,#main-navigation-nav:before{background:#ffd5ce;content:"";height:100vh;position:fixed;transition:transform .6s cubic-bezier(.77,0,.175,1),border-radius .8s linear;transition-delay:0s,0s,0s;width:50vw;z-index:-1}#main-navigation-nav:before{transform:translateX(0) translateY(-100%);transition-delay:.2s}#main-navigation-nav:after{background:#fbc1b7;transform:translateX(100%) translateY(-100%);transition-delay:0s}#main-navigation-nav.nav-active{visibility:visible}#main-navigation-nav.nav-active:before{transform:translateX(0) translateY(0);transition-delay:0s}#main-navigation-nav.nav-active:after{transform:translateX(100%) translateY(0);transition-delay:.1s}#main-navigation-nav.nav-active .navbar-nav .nav-item{opacity:1;transform:translateX(0);transition:opacity .3s ease,transform .3s ease,color .3s ease;transition-delay:0s,0s,0s,0s;visibility:visible}