/* Style the video: 100% width and height to cover the entire window */
#bgVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1; /* Ensure it stays behind everything else */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column; /* Stack flex children vertically */
    justify-content: center;
    align-items: center;
}

.overlay img {
    /* Your image styling here */
    max-width: 50%;  /* Ensures the image is not bigger than the container */
    max-height: 50%; /* Ensures the image is not bigger than the container */
}

/* Import the custom font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,800;1,200&display=swap');

.header-line {
    font-family: 'Poppins', sans-serif; /* Use the custom font */
    font-weight: 800;
    display: block; /* Full width for the text line */
    text-align: center; /* Center the text */
    width: 100%; /* Make text-line take the full width */
    padding: 20px 0px; /* Add space above and below the text */
    color: whitesmoke;
    font-size: 75px;
}

.text-line {
    font-family: 'Poppins', sans-serif; /* Use the custom font */
    font-style: italic;
    display: block; /* Full width for the text line */
    text-align: center; /* Center the text */
    width: 100%; /* Make text-line take the full width */
    padding: 20px 0; /* Add space above and below the text */
    color: white;
    font-size: 25px;
}