#sidemenu nav{background:#0f172a;left:0;position:fixed;top:0;width:200px;z-index:99}#sidemenu .sidemenu__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0f172a;border:none;cursor:pointer;display:block;height:36px;outline:none;position:relative;width:40px;z-index:100}#sidemenu .sidemenu__btn span{background:#fff;bottom:0;display:block;height:2px;left:0;margin:auto;position:absolute;right:0;top:0;transition:all .4s ease;width:20px}#sidemenu .sidemenu__btn span.top{transform:translateY(-8px)}#sidemenu .sidemenu__btn span.bottom{transform:translateY(8px)}#sidemenu .sidemenu__btn.active .top{transform:rotate(-45deg)}#sidemenu .sidemenu__btn.active .mid{opacity:0;transform:translate(-20px) rotate(1turn)}#sidemenu .sidemenu__btn.active .bottom{transform:rotate(45deg)}#sidemenu .sidemenu__wrapper{padding-top:50px}#sidemenu .sidemenu__list{list-style:none;margin:0;padding:0}#sidemenu .sidemenu__item a{color:#fff;display:block;font-size:1.6em;line-height:1.6em;padding:.5em;text-decoration:none;transition:.4s ease}#sidemenu .sidemenu__item a:hover{background:#d3d3d3;color:#696969}.translateX-enter{opacity:0;transform:translate(-200px)}.translateX-enter-active,.translateX-leave-active{transform-origin:top left 0;transition:.2s ease}.translateX-leave-to{opacity:0;transform:translate(-200px)}.backInDown{animation-name:backInDown}@keyframes backInDown{0%{opacity:.7;transform:translateY(-1200px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{animation-duration:1ms!important;animation-fill-mode:both;animation-iteration-count:1!important;animation-name:flipInX;backface-visibility:visible!important;transition-duration:1ms!important}.counter{animation:count 1s ease-out}@keyframes count{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}