/* Horizontal Tab*/
/* Style the tab */
* {
        padding: 0;
        margin: 0;
        font-family: inherit;
        //font-size:inherit;
      }
      body {
        padding: 0 40px;
      }
      h2 {
        margin: 20px 0;
      }
      @media (min-width: 725px){
      [data-tabs] {
        display: flex;
        background: #eee;
        padding: 10px;
        border: 2px solid #ccc;
      }}
      [data-tabs] > * {
        padding: 5px 20px;
        cursor: pointer;
      }
      [data-tabs] .active {
        background: #31a3e8;
        color: #fff;
        border-radius: 5px;
      }
      [data-panes] > * {
        display: none;
        border: 2px solid #ccc;
        border-top: none;
        padding: 20px;
      }
      [data-panes] > .active {
        display: block;
      }