nav{background-color:var(--secondary-lighter);display:flex;height:100%;justify-content:center;left:-400px;max-width:400px;overflow-y:auto;padding:100px 40px 60px;position:fixed;top:0;transition:transform .55s cubic-bezier(.785,.135,.15,.86);width:100%;z-index:9}.nav-links{display:flex;flex-direction:column;list-style:none}.nav-item a{display:inline-block;padding:12px 15px;text-decoration:none}body.overflow{overflow:hidden}nav.show{transform:translateX(400px)}nav.show .nav-links li{opacity:1;transform:translateX(0)}nav.show .nav-links li:first-child{transition-delay:.15s}nav.show .nav-links li:nth-child(2){transition-delay:.3s}nav.show .nav-links li:nth-child(3){transition-delay:.45s}nav.show .nav-links li:nth-child(4){transition-delay:.6s}nav.show .nav-links li:nth-child(5){transition-delay:.75s}nav.show .nav-links li:nth-child(6){transition-delay:.9s}nav.show .nav-links li:nth-child(7){transition-delay:1.05s}nav.show .nav-links li:nth-child(8){transition-delay:1.2s}nav.show .nav-links li:nth-child(9){transition-delay:1.35s}nav .nav-links{list-style-type:none;margin-top:4.5rem}nav .nav-links li{margin-bottom:20px;opacity:0;transform:translateX(40px);transition:all .3s ease}nav .nav-links li:last-of-type{margin-bottom:0}nav .nav-links li a{display:block;font-size:1.5rem;font-weight:600;letter-spacing:5px;padding:10px 0;text-decoration:none;transition:all .3s ease}nav .nav-links li a:focus,nav .nav-links li a:hover{background-color:var(--primary);color:var(--primary-lighter);padding-left:.5rem;padding-top:1rem}.navClose{width:100%}.navClose:focus,.navClose:hover{background-color:var(--primary);color:var(--primary-lighter)}