html, body {
    height: 100%;
    margin: 0;
    font-family: "Montserrat Alternates", sans-serif;
    display: flex;
    flex-direction: column;
  }
  
  .tabheader {
    display: flex;
    width: 100%;
  }
  
  .tablink {
    background-color: #c62dc6;
    color: white;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    flex: 1;
    text-align: left;
  }
  
  .tablink:hover {
    background-color: #c62da2;
  }
  
  .tabcontent {
    color: white;
    display: none;
    text-align: left;
    flex-grow: 1;
    padding: 20px;
    box-sizing: border-box;
  }
  
  #PerformingGround {background-color: rgb(174, 54, 134);}
  #MoreThanOneLessThanTwo {background-color: rgb(38, 193, 38);}
  #IntimacyWithStrangers {background-color: blue;}
  #BecomingFeral {background-color: rgb(202, 171, 114);}
  #MoreThanHumanKin {background-color: purple;}
  #BeyondMachineVision {background-color: teal;}
  #DilutedAuthorship {background-color: pink;}
  #StitchNBitch {background-color: brown;}