.ass-aside-menu-item, .ass-aside-menu-title {
   text-transform: uppercase
 }

 .ass-menu-button {
   margin-top: 10px;
   margin-right: 5px;
   width: 30px;
   height: 30px;
   cursor: pointer
 }

 .ass-aside-menu {
   position: fixed;
   z-index: 1000;
   display: block;
   right: -350px;
   top: 0;
   width: 300px;
   height: 100vh;
   padding: 25px;
   background-color: rgb(47,165,102);
   color: #fff;
 }

 .ass-aside-menu-item {
   display: block;
   cursor: pointer;
   text-decoration: none;
   height: 40px;

   line-height: 40px
 }

 .ass-aside-menu-item:first-of-type {
   margin-top: 100px
 }

 .ass-aside-menu-close:active, .ass-aside-menu-close:link, .ass-aside-menu-close:visited, .ass-aside-menu-item:active, .ass-aside-menu-item:link, .ass-aside-menu-item:visited {
   color: white;
   text-decoration: none
   font-size:2em;
 }

 .ass-aside-menu-close:hover, .ass-aside-menu-item:hover {
   color: #aaa;
   text-decoration: none
 }

 .ass-aside-menu-icon {
   display: inline-block;
   margin-right: 10px
 }

 .ass-aside-menu-close {
   position: absolute;
   display: inline-block;
   right: 25px;
   top: 15px;
   cursor: pointer
 }

 .ass-aside-overlay {
   position: fixed;
   z-index: 999;
   top: 0;
   right: 0;
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, .3)
 }

 .ass-slide-in {
   -webkit-animation: slide-in .5s forwards;
   animation: slide-in .5s forwards
 }

 @-webkit-keyframes slide-in {
   100% {
     right: 0
   }
 }

 @keyframes slide-in {
   100% {
     right: 0
   }
 }

 .ass-slide-out {
   -webkit-animation: slide-out .5s backwards;
   animation: slide-out .5s backwards
 }

 @-webkit-keyframes slide-out {
   0% {
     right: 0
   }
   100% {
     right: -350px
   }
 }

 @keyframes slide-out {
   0% {
     right: 0
   }
   100% {
     right: -350px
   }
 }