:root {
    /* Main color scheme */
    --color-primary: #8fae6e;
    --color-secondary: #b8573a;
    --color-accent: #a8c48a;
    
    /* Background colors */
    --bg-primary: #0d130e;
    --bg-secondary: #26140c;
    
    /* Text colors */
    --text-primary: #ddd6c4;
    --text-secondary: #7d7f6c;
    --text-accent: #a8c48a;

    /* Header colours */
    --header-primary: #a8c48a;
    --header-secondary: #8fae6e;
    --header-tertiary: #b8573a;
    --header-other: #ddd6c4;
    
    /* Link colors */
    --link-color: #c0663f;
    --link-hover: #e8c39a;
    
    /* Border colors */
    --border-primary: #4f6b3f;
    --border-secondary: #3a4f2e;
    --border-image: #230903;
    
    /* Special purpose colors */
    --code-color: #a8c48a;
    --header-bg: #142016;
    --header-text: #ddd6c4;
    
    /* Font families */
    --font-headers: cyberpunkwaifus, monospace;
    --font-body: cyberpunkwaifus, monospace;
}

header h1 .headerLink {
    font-family: coral-pixels, cyberpunkwaifus, monospace;
}

header h1 #headerSubTitle {
    font-family: var(--font-headers);
}

article h1 {
    font-family: coral-pixels, cyberpunkwaifus, monospace;
    margin: 0.5em 0 0.5em 0;
    font-size: 36px;
}

article p, article li {
    font-size: x-large;
}

article h2 {
    font-size: xx-large;
}

header nav {
    font-size: large;
}

article img {
    display: block;
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
    padding: .2em;
    background-color: var(--border-primary);
}

article a { text-shadow: 0 0 .5em rgba(192, 102, 63, .35); }
article a:hover { text-shadow: 0 0 .6em rgba(232, 195, 154, .55), -1px 0 #b8573a, 1px 0 #8fae6e; }