/* Happy Birthday to You! */

@media screen {
    @import url("https://fonts.googleapis.com/css?family=B612+Mono&display=swap");
    @import url("https://fonts.googleapis.com/css?family=Noto+Serif&display=swap");
    @import url("https://fonts.googleapis.com/css?family=Cinzel+Decorative&display=swap");
}

:root {
    --symbol-fonts: "Arial Unicode", "Apple Symbols", "Symbol", "Symbola_hint";
    --body-family: "Noto Serif", serif, var(--symbol-fonts);
    --title-family: "Cinzel Decorative", serif, var(--symbol-fonts);
    --mono-family: "B612 Mono", monospace, var(--symbol-fonts);
}

html {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-family: var(--body-family);
}

body {
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1rem;
    margin-right: 1rem;
    font-family: var(--title-family);
}

.fullcenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.placard {
    text-align: center;
}

.biggest {
    text-align: center;
    font-size: 96pt;
}

.center {
    text-align: center;
}

video {
    display: inline-block;
}

.big {
    font-size: 72pt;
}