@keyframes side-menu-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes side-menu-hide {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none;
  }
}

.side-menu-show {
  animation: side-menu-show 0.3s ease-in-out forwards;
}

.side-menu-hide {
  animation: side-menu-hide 0.3s ease-in-out forwards;
}