/* Reset default margins and padding */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Prevents scrollbars */
    font-family: Arial, sans-serif;
}

/* Ensure the video fills the screen */
.background-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover; /* Maintains aspect ratio while covering the full area */
    z-index: -1;       /* Keeps the video behind everything else */
}

/* Basic styling for the content layer */
.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    color: white;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}