.sportSlides {
  display: none;
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
         -moz-animation: fadein 2s; /* Firefox < 16 */
          -ms-animation: fadein 2s; /* Internet Explorer */
           -o-animation: fadein 2s; /* Opera < 12.1 */
              animation: fadein 2s;
  }

  @keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }

  .tab button {
      background-color: inherit;
      cursor: pointer;
      outline: none;
      padding: 14px 16px;
      transition: 0.3s;
      font-size: 17px;
      border: 1px solid #ccc;
      margin-bottom: 10px;
      width:400px;
  }

  .tab button:hover{
      background-color: #ddd;
  }

  .tab button.active {
      background-color: #ccc;
  }

/* ------------------------------------------------------------------------- */