.navlink-hover {
  display: inline-block;
  transition: transform 0.3s ease, color 0.3s ease;
  color: #ffffff !important; /* default color */
}

.navlink-hover:hover {
  color: #AAF530 !important; /* default color */
  transform: scale(1.1);   /* grows by 10% */
}

.liquid-glass-navbar {
  background: rgba(0, 0, 0, 0.2); /* lighter transparency, closer to glass */
  backdrop-filter: blur(30px) saturate(200%);
  -webkit-backdrop-filter: blur(30px) saturate(200%);
  border: 1px solid rgba(255, 255, 255, 0.25); /* sharper glass edge */
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.35); /* softer, spread-out Apple shadow */
  border-radius: 0 0 16px 16px;
}

.bg-dark-gray{
  background-color: #141618;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.35); /* softer, spread-out Apple shadow */
  border-radius: 0 0 16px 16px;
}

.border-radius-1-rem{
    border-radius: 1rem;
}