/* Mobile Navigation */
  @media only screen and (min-width: 320px) and (max-width: 600px) {


    body {
      background-color: #9178ec6d;
    }

    .mn {
      position: relative;
      width: 100%;
      height: 32vh;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;

    }

  }




  /* Mobile Navigation */
  @media (max-width: 768px) {
    nav {
      height: 41vh;
      display: none;
      position: absolute;
      top: 60px;
      left: auto;
      right: 0%;
      width: auto;
      flex-direction: column;
      text-align: start;
      padding: 6px;
      border-radius: 0% 0% 7% 7%;
      gap: 25px;
      border: 2px solid black;


    }

    nav.active {
      display: flex;
    }

    .menu-btn {
      display: block;
    }
  }