body {
      margin: 0;
      padding: 0;
      background-color: black;
      overflow: hidden; 
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

    #video-container {
      width: 100%;
      max-width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    video {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    
    @media (max-width: 767px) {
      #video-container {
        width: 100%;
        max-height: 100vh;
      }

      video {
        max-height: 100vh;
      }

      .shaka-controls-button {
       
        font-size: 24px !important;
        padding: 8px !important;
      }

      .shaka-time-and-duration {
       
        font-size: 16px !important;
      }


      .shaka-controls-bar {
        background: rgba(0, 0, 0, 0.7); 
        bottom: 0;
        padding: 8px 16px;
        width: 100%;
        box-sizing: border-box;
        position: absolute; 
      }
    }