header {
      background-color: #333;
      color: white;
      padding: .25rem;
    }

    nav {
      margin-top:5px;
      display: flex;
      justify-content: flex-start;
      position:fixed;
      top:0;
       width:90%;
      /*height:100%;*/
      z-index:1;
      /*background-color:black;*/
   
    }

    .logo {
      font-size: 1rem;
    }

    .menu-toggle {
      display: none;
      flex-direction: column;
      cursor: pointer;
    }

    .menu-toggle span {
      height: 3px;
      width: 25px;
      background: white;
      margin: 2px 0;
    }

    ul.nav-links {
      list-style: none;
      display: flex;
      gap: .5rem;
      overflow: auto;
      height:500px;
      width:90%;
    }

    ul.nav-links li a {
      color: white;
      text-decoration: none;
    }

    /* Responsive */
    @media (max-width: 10068px) {
      .menu-toggle {
      display: flex;
      }}

      ul.nav-links {
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        background: #444;
        flex-direction: column;
        display: none;
              height:500px;
      }

      ul.nav-links li {
        padding: 0rem 0;
      }

      input#menu-checkbox:checked ~ ul.nav-links {
        display: flex;
      }