/* top bar */
    .navbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #0A0A0A;
      padding: 10px 0px;
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      transition: all 0.3s ease;
      z-index: 1000;
    }

    .navbar.shrink {
      padding: 5px 20px;
    }

    .logo img {
      height: 40px;
      transition: all 0.3s ease;
      margin-left: 20px;
    }

    .navbar.shrink .logo img {
      height: 25px;
    }

    .nav-links {
      list-style: none;
      display: flex;
      margin: 0px;
      margin-right: 20px;
      padding: 0;
      gap: 25px;
    }

    .nav-links a {
      text-decoration: none;
      color: #e08a00;
      font-weight: 500;
      transition: color 0.3s ease;
    }

    .nav-links a:hover {
      color: #bbbbbb;
    }