.nav-menu{width:16rem;min-width:16rem}@media (max-width:1279px){.nav-menu{z-index:200;height:100vh;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;transform:translate(-100%)}.nav-menu ul{height:100vh}.nav-menu ul>li{opacity:0;transform:translate(-100%)}.nav-menu ul>li.menu-item{transition:all .3s .1s}#menu:checked~.nav-menu{transform:translate(0%);box-shadow:0 0 30px #00000080}#menu:checked~.nav-menu ul>li{opacity:1;transform:translate(0%)}.backdrop{z-index:100;opacity:.5;visibility:hidden}#menu:checked~.backdrop{visibility:visible}}