html {
    --black:       #000000;
    --dark-grey:   #211e20;
    --light-grey:  #d0c9ce;
    --dark-red:    #aa0000;
    --light-red:   #f54e3f;
    font-family: monospace;
    background-color: var(--black);
    color: var(--light-grey);
    margin: 0;
}

h1 {
    font-weight: bold;
    font-size: 24pt;
}

body {
    margin-left: 10rem;
    margin-top: 10rem;
}

.links {
    font-size: 16pt;
    font-weight: bold;
}

.links a {
    text-decoration: none;
}

.tag {
    color: var(--light-red);
}

a:link {
    color: var(--light-red);
}

a:visited {
    color: var(--dark-red);
}

article {
    margin-left: 4rem;
    font-size: 12pt;
    width: 65%;
    max-width: 80rem;
    text-align: justify;
    text-justify: inter-word;
}

article h1 {
    font-size: 16pt;
}

article h1::before {
    content: "# ";
    color: var(--light-red);
}

article h2::before {
    content: "## ";
    color: var(--light-red);
}

article pre {
    border: 2px solid;
    border-radius: 5px;
    border-color: var(--dark-grey);
    padding: 5px;
    font-family: monospace;
}

p {
}