html {
    font-size: 4vh;
    background-color: #66000000;
}

body, body:fullscreen {
    background-image: url("/images/paperbackground.jpg");
    background-repeat: no-repeat;

    margin-left: auto;
    margin-right: auto;
    background-color: #66000000;

    color: white;
    font-family: 'Amarante', sans-serif;
    text-shadow:
        0px 0px 3px #000,
        0px 1px 2px #600,
        0px 2px 2px #600,
        0px 3px 2px #600;

}

::backdrop{
    background: none;
}

.container {
    left:auto;
    right: auto;
    display: grid;
    grid-gap: 0%;
    height: 95vh; 
    width: 100vw;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 2fr 1fr 1fr 2fr 2fr;
    justify-content: space-evenly;
    vertical-align: middle;
}

.full-width{
    grid-column: 1 / span 9;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* border: 5px purple solid; */
    font-size: 4rem;
}

h1 {
    grid-column: 1 / 5;
    font-family: 'Uncial Antiqua', 'Jacquard 24', fantasy;
    text-align: center;
    color: white;
    font-size: 1.8rem;
    text-shadow:
        0px 5px 5px #600,
        0px 5px 5px #600,
        0px 5px 5px #600,
        0px 10px 5px #600,
        0px 10px 5px #600,
        0px 15px 5px #600;
    min-width: 66vw;
    max-height: 15vh;
}

.hostAndScript {
    grid-row: 1;
    grid-column: 6 / span 2;
    display: flex;
    align-items: center;
    text-align: center;
}
.banner {
    grid-row: 2;
    grid-column: 1 / span 7;
    text-align: center;
    font-variant: small-caps;
    font-size: 1.3rem;
}
.textbox {
    grid-row: 3 / 5;
    grid-column: 1 / 6;
    text-align: center;
}

.qrcode {
    grid-column: 7;
    grid-row: 3 / span 2;
    text-align: center;
    align-items: center;
    justify-content: center;
}

img.qrcode {
    width: auto;
    height: 200px;
}

#fullscreen {
    right: 5px;
    top: 5px;
    background-color: grey;
    width: 25px;
    height: 25px;
    position: absolute;
}

.bold {
    font-weight: bolder;
    font-variant-caps: small-caps;
}
