html,
body {
    height: 100%;
    margin: 0;
    background: rgb(29, 28, 95) ;
    overflow: hidden;
}
body:has(video[src="media/blank.mp4"]) {background: #000;}
body:has(video[src="media/blank.mp4"])  #overlay { display: none; }

.nocursor {
    cursor: none;
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* filter: grayscale(1) contrast(1.4); */
    filter: contrast(1) saturate();
    mix-blend-mode: screen;
}

#questions{
    position: fixed;
    bottom: 2em;
    left: 2em;
    max-width: 60vw;
    font-size: 2.5vw;
    color: white;
}

.question {
    font-family: "Redaction_35";
    font-weight: bold;
}
.answer {
    font-family: "Redaction_35";
    font-style: italic;
}

#overlay{
    position: fixed;
    inset: 0;
    /* background: linear-gradient(55deg, rgb(0, 47, 255), rgb(101, 0, 196)); */
}