#tablist li[aria-selected="true"] {
    background-color: yellow;
    padding: 1px 10px;  
  }
  
  div[aria-hidden="true"] {
  display: none;
  }
  #tablist {
    list-style: none;
    display: flex;
    float: right;
    justify-content: space-around;
    text-align: center;
    margin: 0;
    padding: 0;
  }

  #tablist li {
    font: normal 14pt "SourceSans3-Light";
    cursor: pointer;
    background-color: yellow;	
    border: 1px solid black;
    border-radius: 5px;
    margin: 0px 10px;    
    padding: 1px 10px;
  }
  
  #tablist li:focus, 
  #tablist li:hover {
    background-color: lightblue;
    cursor: pointer;
  }
  
  #tablist li[aria-selected="true"] {
    background-color: white;
  }
  
  #tabcontent {
    background-color: white;
    border: 1px solid black;
  }
  #panel-1{
    font-size: 10pt;
    background: white;
    border: solid 1px black;
    border-radius: 10px;
    padding: 8px;
  }
  
  [aria-hidden="true"] {
    display: none;
  }
   
  [aria-hidden="false"] {
    display: block;
  }
  @media screen and (max-width: 720px){
    #tablist li {
      font: normal 9pt "SourceSans3-Light";
    }
  }