html {
    background: #181825;
    color: #fff;
    font-family: "Atkinson Hyperlegible Mono", monospace;
    font-weight: 400;
}

h1 {
    color: #eff1f5;
}

h2 {
    color: #ccd0da;
}

h3 {
    color: #bcc0cc;
}

.pre-links {
    color: darkgreen;
}

.links {
    color: darkorange;
}

a:link, a:visited {
    color: lightgray;
}

.pre-heading1 {
    color: lightgreen;
}

.pre-heading2 {
    color: orange;
}

.pre-heading3 {
    color: darkorange;
}

.light {
    color: gray;
}

.smol {
    font-size: 12px;
}

img.button {
    margin: 0 -2px;
    image-rendering: pixelated;
}

code {
    background: #232634;
    border: 3px solid #303446;
}

ul {
    list-style-type: none;
    padding-left: 12px;
}

@media (min-width: 1000px) {
    .buttons {
        max-width: 70%;
    }
}

.white {
	color: #fff;
}