@media (max-width: 768px) {
   .menu {
       animation: transitionIn-X 0.7s ease-out;
   }


   .dash-body {
       animation: transitionIn-Y-bottom 0.7s ease-out;
   }


   .profile-container {
       animation: transitionIn-Y-over 0.7s ease-out;
   }


   .btn {
       animation: transitionIn-X 0.4s ease-out;
   }
}


@media (max-width: 768px) {
   .menu {
       position: fixed;
       left: -250px;
       transition: left 0.3s ease-in-out;
   }


   .menu.active {
       left: 0;
   }
}