/* mobile-menu styles */
/* Mobile default: small phones */
.mobile-menu {
  display: none;
}
.mobile-menu.active {
  top: 56px;
  height: 100px;
  left: 100px;
  background-color: var(--background-color);
  display: flex;
  flex-direction: column;
  position: sticky;
  z-index: 990;
}
.mobile-menu div {
  max-width: 188px;
}

@media (min-width: 640px) { 
  
}

@media (min-width: 768px) { 
  .mobile-menu.active {
    display: none; /* Hide mobile navbar on desktop */
  }
}