.tab {
      float: left;
      width: 10%;
    }


    .tab button {
      display: block;
      background-color: inherit;
      color: white;
      padding: 22px 16px;
      width: 100%;
      border: none;
      outline: none;
      text-align: left;
      cursor: pointer;
      transition: 0.3s;
      font-size: 17px;
      font-family: Oswald;
      font-weight: bolder;
    }


    .tab button:hover {
      background-image: url('bg.jpg');
      filter: invert(100%);
      -webkit-filter: invert(100%);
    }

    .tabcontent {
      float: left;
      padding: 0px 12px;
      width: 90%;
      border-right: none;
    }