@font-face {
    font-family: "man";
    src:
        url("/pub/style/fonts/Manusquared-Bold.woff2") format('woff2'),
        url("/pub/style/fonts/Manusquared-Bold.woff") format('woff');
}
:root {
    /* Main color scheme */
    --color-primary: #000000ff;
    --color-secondary: #5B3D8Aff;
    --color-accent: rgb(25, 59, 121);
    
    /* Background colors */
    --bg-primary: #d6d6d6ff;
    --bg-secondary: #c2c2c2ff;
    
    /* Text colors */
    --text-primary: #000000ff;
    --text-secondary: #989898ff;
    --text-accent: #5B3D8Aff;

    /* Header colours */
    --header-primary:#5B3D8Aff;
    --header-secondary: #5B3D8Aff;
    --header-tertiary: rgb(25, 59, 121);
    --header-other: #000000ff;
    
    /* Link colors */
    --link-color: rgb(31, 76, 160);
    --link-hover: #5B3D8Aff;
    
    /* Border colors */
    --border-primary: #000000ff;
    --border-secondary: #030303ff;
    --border-image: #000300ff;
    
    /* Special purpose colors */
    --code-color: #18A02Cff;
    --header-bg: #5B3D8Aff;
    --header-text: #030303ff;
    
    /* Font families */
    --font-headers: man, sans-serif;
    --font-body: verdana, helvetica, arial, sans-serif;
}

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: 90%;
    font-family: verdana, sans-serif;
}

header h1 .headerLink {
    font-family: man, sans-serif;
}

article h1 {
    font-family: man, sans-serif;
}

article {
    text-align: center;
}

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