@font-face {
    font-family: "Tiny5";
    src: url("/resources/fonts/tiny5.woff2") format("woff2");
    font-weight: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("/resources/fonts/opensans.woff2") format("woff2");
    font-weight: normal;
}

body {
    text-align: center;
    align-items: center;
    background-color: #beecda;
    display: flex;
    font-family: "Tiny5", Sans-Serif;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    margin: 0;
}

/* ========================= */
/* Special Styles            */
/* ========================= */
header > img.special {
    width: 256px;
    height: 256px;
    vertical-align: middle;
}

/* ========================= */
/* footer                    */
/* ========================= */

h1, h2, h3, p {
    text-align: center;
    width: 100%;
}