.menu-toggle {
    display: none;
    font-size: 2.5rem;
    cursor: pointer;
  }
  
  .links {
    display: flex;
    list-style: none;
  }
  
  /* .links.open {
    flex-direction: column; 
    text-align: center;
  } */
  
  .links li {
    margin-right: 50px;
    
  }
  .favourite-link{
    margin-right: 50px;
  }
  
  /* @media screen and (max-width: 768px) {
    .menu-toggle {
      display: block;
      border: none;
    }
  
    .links {
      display: none;
      flex-direction: column;
      text-align: center;
      position: absolute;
      top: 60px;
      left: 0;
      width: 100%;
      background-color: #110047;
      padding: 10px;
      z-index: 1000;
    }
  
    .links.open {
      display: flex;
    }
  
    .links li {
      margin-right: 0;
      margin-bottom: 10px;
    }
  } */



  /* Noob try  */
  @media screen and (max-width: 1600px) {
    .menu-toggle {
      display: block;
      /* background-color:transparent; */
      border: none;
    }
  
    .links {
      display: none;
      flex-direction: column;
      text-align: center;
      position: absolute;
      top: 60px;
      left: 0;
      width: 100%;
      background-color: #110047;
      padding: 10px;
      z-index: 1000;
    }
  
    .links.open {
      display: flex;
    }
  
    .links li {
      margin-right: 0;
      margin-bottom: 10px;
    }
  }
  
  