@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');


@page{
    size: A4;
    margin-top: 20px;
}


/* Make the container the positioning reference */
.container-fluid.alignment {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}


/* Background image */
.backgroundimage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    z-index: 0;
    filter: blur(2px);
    opacity: 50%;

}

/* Title block */
.titel_flyer {
    position: absolute;
    top: 20mm;
    left: 20mm;
    z-index: 2;
    color: red;
    font-family: "racing sans one";
}

/* RACEN LIST — right side, vertically centered */
.lijst_racen {
    position: absolute;
    top: 30%;
    right: 10mm;
    transform: translateY(-50%);
    width: 90mm;
    z-index: 2;
    font-family: "racing sans one";
    color: darkred;
    font-size: 14pt;
    border: black solid 4px;
    border-radius: 20px;
    transform: skew(-5deg);

    h1{
        color: red;
        width: 80mm;
        text-align: center;

    }

}

/* NIET RACEN LIST — bottom-left */
.lijst_niet_racen {
    position: absolute;
    bottom: 20mm;
    left: 10mm;
    width: 90mm;
    z-index: 2;
    font-family: "racing sans one";
    color: darkred;
    font-size: 12pt;
    border: black solid 4px;
    border-radius: 20px;
    transform: skew(5deg);
    h2{
        color: red;
        padding-left: 10px;
    }
}