a {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

    body {
       margin: 0;
        padding: 0;
        background-color: black;
        color: white;
        font-family: Arial, sans-serif;
        overflow: hidden; /* Prevents unwanted scrolling */
    }

       .video-container {
         width: 100vw;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        scroll-snap-align: center; /* Strict snap to center */
        flex-shrink: 0;
    }

       #videoFeed {
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
        scroll-snap-type: y mandatory;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    video {
        width: auto;
        height: 100%; /* Ensures video fills entire screen */
        object-fit: cover; /* Covers full screen */
    }
    
         @media (max-aspect-ratio: 9 / 16) {
        video {
            width: auto;
             height: 100%;
            object-fit:cover;
            
        }
    }

        .video-info {
        position: absolute;
        bottom: 50px;
        left: 10px;
        text-align: left;
        padding: 20px;
        border-radius: 8px;
    }

    .video-info h3 {
        margin: 0;
        font-size: 18px;
        text-shadow: 2px 2px #000;
    }
    
        .video-info p {
            margin: 5px 0 0;
            font-size: 14px;
        }
       .action-buttons {
        position: absolute;
        bottom: 25%;
        right: 15px;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .action-buttons button {
        background: none;
        border: none;
        color: white;
        font-size: 24px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }

    .action-buttons button span {
        font-size: 14px;
    }
    
    .loading-gif {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
            display: none; /* Initially hidden */
    }
        
    .tags a {
      color: white;
      font-weight: bold;
      font-family: "Roboto", sans-serif;
      font-size: 15px;
    }
        
        .bottom_menu {
        position: fixed;
        bottom: 0px;
        background: #1e1e1e;
        width: 100vw;
        text-align: center;
        padding: 5px;
        z-index: 200;
        border-top:1px solid #717171;
        height:36px;
    }
    
    .bottom_menu a {
        padding-top:5px;
    }