@font-face {
        font-family: "Superscripted Registered Mark";
        font-style: normal;
        font-weight: 900;
        src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
                url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2)
                        format("woff2");
        unicode-range: U+00AE;
        font-display: swap;
}

@font-face {
        font-family: Bauhaus93;
        src: url("/font/bauhaus-93.ttf");
        unicode-range: U+0-00AD, U+00AF-10FFFF;
}

.bauhaus93 {
        font-family: Bauhaus93, "Superscripted Registered Mark";
}

:root {
        /* define the raw color palette */
        --plt-raw-red: #f00;
        --plt-raw-blue: #00f;
        --plt-raw-white: #fff;

        /* define the standard color palette */
        --plt-std-red: hsl(0, 75%, 50%);
        --plt-std-orange: hsl(30, 75%, 50%);
        --plt-std-amber: hsl(40, 75%, 50%);
        --plt-std-lime: hsl(120, 75%, 50%);
        --plt-std-green: hsl(120, 75%, 25%);
        --plt-std-teal: #00c8ff;
        --plt-std-sky: hsl(210, 100%, 75%);
        --plt-std-blue: hsl(195, 75%, 25%);
        --plt-std-purple: hsl(270, 75%, 50%);
        --plt-std-pink: hsl(300, 75%, 50%);
        --plt-std-grey: hsl(0, 0%, 50%);

        --title-color: var(--plt-raw-red);
        --title-bg-color: var(--plt-raw-white);
        --content-bg-color: var(--plt-raw-white);
        --content-shaded-bg-color: #ccc;
        --content-bg-color-user-interact: hsl(220, 100%, 70%);
        --background-color: var(--plt-std-teal);
        --link-color: var(--plt-raw-blue);
}

body {
        background-color: var(--background-color);
        font-size: 14px;
        font-family: "Superscripted Registered Mark", Arial, Helvetica,
                sans-serif;
        /*Roboto, "San Francisco", "Segoe UI",*/
        min-height: calc(100vh - 2rem);
        text-rendering: optimizeLegibility;
        margin: 1rem;
        /*-webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;*/
}

img {
        display: block;
}

h1, h2, h3, h4, h5, h6 {
        text-align: center;
}

.center-text {
        text-align: center;
}

.center-obj-x {
        margin-left: auto;
        margin-right: auto;
}

.center-obj-y {
        margin-top: auto;
        margin-bottom: auto;
}