.navbar {
  padding: 0;
  width: 60px;
  position: fixed;
  z-index: 9998;
  top: 5%;
  right: 0;
}
.navbar .navbar-Link a {
  display: block;
  padding: 7px 0;
}
.navbar .navbar-Link a .icon {
  width: 50px;
  display: block;
  opacity: 0.6;
  transition: all 0.6s ease;
}
.navbar .navbar-Link a:hover .icon, .navbar .navbar-Link a:active .icon {
  width: 55px;
  display: block;
  opacity: 1;
  transition: all 0.6s ease;
}
.navbar {
  /* Sticky */
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.5s;
}
.navbar.Sticky {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .navbar {
    width: 43px;
    top: auto;
    bottom: 10px;
  }
  .navbar .navbar-Link a {
    display: block;
    padding: 5px 0;
  }
  .navbar .navbar-Link a .icon {
    width: 38px;
    display: block;
    opacity: 0.6;
    transition: all 0.6s ease;
  }
  .navbar .navbar-Link a:hover .icon, .navbar .navbar-Link a:active .icon {
    width: 43px;
    display: block;
    opacity: 1;
    transition: all 0.6s ease;
  }
}/*# sourceMappingURL=nav.css.map */