.navbar {
      padding: 5px;
      background: #d1a969;
      display: flex;
      font-size: 23px;
      justify-content: space-between;
  }

  header {
      position: sticky;
      top: 0px;
      z-index: 1000;
  }

  .nav-links {
      list-style: none;
      display: flex;
  }

  .nav-links li {
      margin: 0 60px;
      font-size: 23px;
  }

  .menu-toggle {
      display: none;
      border: none;
      background: none;
      font-size: 20px;
      color: black;
  }

  .navmenu {
      text-decoration: none;
      color: rgb(29, 29, 29);
      display: inline-block;
  }

  .navmenu:hover {
      cursor: pointer;
      transform: scale(1.3);
      color: rgb(245, 244, 245);
  }

  @media(max-width: 720px) {
      .nav-links {
          display: none;
          flex-direction: column;
          position: absolute;
          top: 10px;
          left: 0;
          width: 100%;
          background-color: #d1a969;
          padding-left: 5px;
          line-height: 50px;
      }

      .nav-links.active {
          display: flex;
      }

      .menu-toggle {
          display: block;
      }

      .nav-links li {
          margin: 0 3px;
          font-size:23px;
      }
  }