body {
    margin: 0;
    padding: 0;
}
.top-links {
    text-align: center !important;
    position: absolute !important;
    top: 15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important; 
    z-index:9999999999999 !important;
    font-family: "stevie-sans", sans-serif;
font-weight: 700;
font-style: normal;
font-size:1.2em;
}

.top-links a {
    display: inline-block;
    margin-right: 20px;
    color:white !important;
    text-decoration:none;
}

.top-links a:hover  {
opacity: .5;
}

 


.video-container {
    position: fixed; /* Fixed position to cover the entire screen */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    background-color: black; /* Black background */
    overflow: hidden;
    z-index: 9999; /* Ensure it's on top of other elements */
}

.video-container iframe {
    width: 100vw; /* Full width of the viewport */
    height: 56.25vw; /* Height maintaining 16:9 aspect ratio */
    max-height: 100vh; /* Limit height to viewport height */
    border: none;
}