body {
    text-align: center;
    background-color: rgb(150, 135, 121);

}

h1, h2 {
    color: #ffffff;
    font-size: 90px;
    font-family: "Honk", serif;
    text-shadow: 10px 10px 10px #ffffff;
    line-height: 0.7;
}

iframe {
    border: 20px double #e0c4d5;
    background-color: rgb(255, 255, 255);
}

h1 small {
font-size: 50%;
}

h2 {
    font-size: 40px;
}

.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Varmistaa, että video on taustalla */
    overflow: hidden;
}

.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Täyttää koko ruudun ilman mustia reunoja */
    pointer-events: none; /* Estää videon estävän vuorovaikutuksen */
}