:root {
    /* Main color scheme */
    --color-primary: #0bda51;
    --color-secondary: #0bda51;
    --color-accent: #0bda51;
    
    /* Background colors */
    --bg-primary: #0C1713;
    --bg-secondary: #230903;
    
    /* Text colors */
    --text-primary: #D9D0DE;
    --text-secondary: #65655E;
    --text-accent: #18A02Cff;

    /* Header colours */
    --header-primary:#0bda51;
    --header-secondary: #0bda51;
    --header-tertiary: #18A02Cff;
    --header-other: #0bda51;
    
    /* Link colors */
    --link-color: #1d75d4ff;
    --link-hover: #5B3D8Aff;
    
    /* Border colors */
    --border-primary: #0bda51;
    --border-secondary: #0bda51;
    --border-image: #230903;
    
    /* Special purpose colors */
    --code-color: #18A02Cff;
    --header-bg: #0C1713;
    --header-text: #D9D0DE;
    
    /* 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;
}

img {
    max-width: min(90%,650px);
    width: 100%;
}