/* ================================================================================
Fonts
*/


@font-face {
    font-family: 'FuturaCondensedBoldXR';
    src: url('./res/FuturaStd-CondensedBold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FucXed';
    src: url('./res/fucxedcaps-v2-webfont.woff2') format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Crimson Text Regular';
    src: url('./res/wlp2gwHKFkZgtmSR3NB0oRJfbwhTIfFd3A.woff2') format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Crimson Text Bold';
    src: url('./res/wlppgwHKFkZgtmSR3NB0oRJX1C1GDNNQ9rJPfw.woff2') format("woff2");
    font-weight: normal;
    font-style: normal;
}



html { }
body {
    background-image: url("./res/banner_blue_inverse.webp");
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: white;
}

#headline {
    font-family: "FucXed", "FuturaCondensedBoldXR", "ClearviewTextBold", "Lucida Grande", Lucida, Verdana, sans-serif;
    text-align: center;
    margin-top: 20vh;
    color: royalblue;
    --text-size: min(10rem, 15vw);
    font-size: var(--text-size);
    letter-spacing: calc(0.05 * var(--text-size));
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: white;
    -webkit-font-smoothing: subpixel-antialiased;
}



/* ================================================================================
Testing
*/


/* ================================================================================
General
*/

a, a:visited { text-decoration: none; }
a, a:hover { text-decoration: none; }
a:link, a:visited, a:active, a:hover { color: gray; }

/* ================================================================================
Behaviors
*/




a.mastodon {
    position: absolute;
    left: -9999px;
}