nav#mainLinks ul li a, nav.horizontal a {
    font-family: 'Inter var', sans-serif;
    padding-bottom: 10px;
}

/* Video Container Wrapper */
.video-container {
    width: 100%;
    max-width: 800px; /* Limits how wide the video can get on large screens */
    margin: 2rem auto; /* Centers the container and adds space above/below */
    aspect-ratio: 16 / 9; /* Forces the standard widescreen shape */
    background-color: #000000; /* Shows black while the video loads */
    border-radius: 8px; /* Slightly rounds the corners for a modern look */
    overflow: hidden; /* Ensures the iframe doesn't poke outside the rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Adds a soft drop shadow */
}

/* The Iframe inside the container */
.video-container iframe {
    width: 100%;
    height: 100%;
    border: none; /* Removes the ugly default browser border */
    display: block; /* Removes weird spacing issues under the iframe */
}