@font-face {
    font-family: "redact";
    src:
        url("/pub/style/fonts/Redaction_50-Regular.woff2") format('woff2')
}

:root {
    /* Main color scheme */
    --color-primary: ghostwhite;
    --color-secondary: darkred;
    --color-accent: cornflowerblue;
    
    /* Background colors */
    --bg-primary: #000000ff;
    --bg-secondary: #000000ff;
    
    /* Text colors */
    --text-primary: ghostwhite;
    --text-secondary: #989898ff;
    --text-accent: darkred;

    /* Header colours */
    --header-primary:darkred;
    --header-secondary: darkred;
    --header-tertiary: cornflowerblue;
    --header-other: ghostwhite;
    
    /* Link colors */
    --link-color: #1d75d4ff;
    --link-hover: #5B3D8Aff;
    
    /* Border colors */
    --border-primary: #111111ff;
    --border-secondary: #030303ff;
    --border-image: #000300ff;
    
    /* Special purpose colors */
    --code-color: #18A02Cff;
    --header-bg: darkred;
    --header-text: #030303ff;
    
    /* Font families */
    --font-headers: redact, sans-serif;
    --font-body: monospace;
}

body {
    background:
        linear-gradient(to right, rgba(0, 5, 10, 0.9), rgba(0, 5, 5, 0.9)),
        url('4mdvdrive.png'),
        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: redact, sans-serif;
    font-size: 105%;
}

article h1 {
    font-family: redact, sans-serif;
    font-size: 220%;
}

article {
    text-align: center;
}