/* Navbar customization */
        .navbar {
            background-color: rgba(0, 0, 0, 0.8);
            padding: 15px 20px;
            position: fixed;
            z-index: 1000;
            width: 100%;
        }

        .navbar-brand img {
            height: 39px;
        }

        .navbar-brand span.famx {
            color: white;
        }

        .navbar-brand span.hackers {
            color: #00ff00; /* Hackers text in green */
        }

        .navbar-nav .nav-link {
            color: white;
            font-weight: 500;
            padding-left: 20px;
        }

        .navbar-nav .nav-link:hover {
            color: #00ff00; /* Hover effect to match green theme */
        }
        
        
        /* Default (desktop) logo size and text */
  .brand-logo {
    height: 50px;
    width: auto;
  }
  .brand-text {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 600;
    margin-left: 0.5rem;
  }

  /* Mobile adjustments */
@media (max-width: 767.98px) {
  nav.navbar {
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
    padding-left: 1rem !important;   /* add left padding */
    padding-right: 1rem !important;  /* ensure some right padding too */
  }
  .brand-logo {
    height: 40px;
  }
  .brand-text {
    font-size: 1rem;
    margin-left: 0.25rem;
  }
  .navbar-toggler {
    margin-right: 0.5rem;
  }
}