@font-face {
    font-family: "threetwo";
    src:
        url("/pub/style/fonts/3270-Regular.woff") format('woff');
}

:root {
    /* Main color scheme */
    --color-primary: #ffffffff;
    --color-secondary: #d478eeff;
    --color-accent: #303030ff;
    
    /* Background colors */
    --bg-primary: #000000ff;
    --bg-secondary: #000000ff;
    
    /* Text colors */
    --text-primary: #ffffffff;
    --text-secondary: #989898ff;
    --text-accent: #d478eeff;

    /* Header colours */
    --header-primary:#d478eeff;
    --header-secondary: #d478eeff;
    --header-tertiary: #303030ff;
    --header-other: #ffffffff;
    
    /* Link colors */
    --link-color: #1d75d4ff;
    --link-hover: #5B3D8Aff;
    
    /* Border colors */
    --border-primary: rgb(10, 10, 10);
    --border-secondary: #030303ff;
    --border-image: #303030ff;
    
    /* Special purpose colors */
    --code-color: #18A02Cff;
    --header-bg: #d478eeff;
    --header-text: #030303ff;
    
    /* Font families */
    --font-headers: threetwo, sans-serif;
    --font-body: monospace;
}

body {
    background: var(--bg-primary);
    background-color: var(--bg-primary);
    background-position: center center;
    background-size: 110vh 75vh;
    background-repeat: repeat-y;
    margin: 0;
    padding: 0;
    font-size: 110%;
    font-family: monospace;
}

header h1 .headerLink {
    font-family: threetwo, sans-serif;
    font-size: 120%;
}

article h1 {
    font-family: threetwo, sans-serif;
    font-size: 260%;
    margin-top: 10px;
}

article {
    text-align: center;
}

article img {
    border: 0.4em solid var(--border-image);
    background-color: var(--bg-primary) !important;
}