/* Zorg dat de hele pagina de achtergrond pakt */
html, body {
    margin: 0;
    height: 100%;
    background: linear-gradient(to right, #039dfc 50%, #fc0318 50%);
    color: #fff;
    font-family: 'Plus Jakarta Sans', sans-serif;
}
/* Bootstrap container volledig transparant maken */
.container-fluid {
    background-color: transparent !important;
    min-height: 100vh;
}

/* Video styling */
#video-holder {
    width: 100%;
    max-width: 1200px;
    height: max(400px, 70vh);
    margin-top: 15px;
}

/* Logo styling */
#logo {
    text-align: center;
    font-weight: 400;
    font-family: 'Press Start 2P', cursive;
    color: orange;
}

#logo-holder {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Optioneel: iframe netjes laten vullen */
iframe {
    border: 0;
}