.nav{display:none;position:fixed;left:0;top:0;width:100vw;max-width:450px;background-color:#500085;height:100vh;z-index:2;-webkit-animation:appear 0.2s ease-in-out;animation:appear 0.2s ease-in-out}.nav__ul{-webkit-box-sizing:border-box;box-sizing:border-box;padding:4.6875rem 25px}.nav__li{padding:15px 10px;border-radius:10px;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:transparent;cursor:pointer}.nav__li--active,.nav__li:hover{background-color:#42006e}.nav__li:not(:last-child){margin-bottom:10px}.nav__a{color:#f0f0f0;text-decoration:none;font-size:1.125rem;width:100%;display:block}@-webkit-keyframes appear{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes appear{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}
/*# sourceMappingURL=nav.css.map */