/* Tab buttons container */
    .tab-buttons {
      display: flex;
      width: 100%;

    }

    /* Style tab links */
    .tablink {
      color: rgb(255, 255, 255);
      font-family: 'babylon';
      border: none;
      outline: none;
      cursor: pointer;
      padding: 14px 16px;
      font-size: 24px;
      flex: 1;
      transition: 0.3s;
      line-height:40px ;

    }

    .tablink:hover {
      font-size: 26px;
      line-height:40px ;
      color: black;
      -webkit-text-stroke:  .5px #fff;
    }

    .tablink.active {
      opacity: 1;
    }

    /* Tab content */
    .tabcontent {
      color: white;
      display: none;
      padding: 100px 20px;
      min-height: 100vh;
    
    }

    #logomotion {
      background-image: url('../images/redback3.webp') ;
    }

    #story {
      background-image: url('../images/back.webp');
    }

    #ads {
      background-image: url('../images/greenback1.webp');
    }



/* Tablet */
@media (max-width: 992px) {
  .tablink {
    font-size: 20px;
    padding: 12px 14px;
  }

  .tabcontent {
    padding: 80px 16px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .tab-buttons {
    flex-direction: column;
  }

  .tablink {
    flex: 1 1 100%;
    width: 100%;
    font-size: 18px;
    padding: 12px;
  }

  .tabcontent {
    padding: 60px 15px;
    min-height: auto;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  .tablink {
    font-size: 16px;
    padding: 10px;
  }

  .tabcontent {
    padding: 40px 12px;
  }
}