body {
    margin: 0;
    padding: 0;
  }
  
  nav {
    box-shadow: inset 0vw -1vw 4vw 3px #ff66e6;
    border-radius: 4vw;
    position: absolute;
    overflow: hidden;
    width: 93.3vw;
    left: 3vw;
  }
  
  nav .menu {
    display: none;
  }
  
  nav .menu li {
    display: inline;
  }
  
  nav .menu li a {
    display: block;
    font-family: "PPPangramSans-Medium";
    font-variant: normal;
    font-size: 7.389vw;
    position: relative;
    margin-top: 1vw;
    top: -2vw;
    margin-left: 2vw;
    /* margin: 1.5vw; */
    color: #ff66e6;
    text-decoration: none;
  }
  
  nav .menu li a:hover {
    background-color: #ffffff;
    opacity: 0;
  }
  
  .menu-icon {
    display: none;
    font-size: 30px;
    color: #ffffff;
    opacity: 0;
    padding: 14px 16px;
    cursor: pointer;

  }

  @media screen and (max-width: 800px){
    nav .menu {
        display: none;
        flex-direction: column;
      }
    
      nav .menu-icon {
        display: block;
      }
    
      nav .menu li {
        display: block;
      }
  }