* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background-color: var(--white);
    font-family: var(--mainfont), sans-serif;
}

/* Typography */

a {
    text-decoration: none;
}

h1 {
    font-size: 4em;
    font-weight: 600;
}

h2 {
    font-size: 3.5em;
    font-weight: 600;
}

h3 {
    font-size: 3em;
    font-weight: 600;
}

h4 {
    font-size: 2.5em;
    font-weight: 500;
}

h5 {
    font-size: 2em;
    font-weight: 500;
}

h6 {
    font-size: 1.5em;
    font-weight: 500;
}

@media (prefers-color-scheme: dark) {
    a, a:link, a:visited { color: var(--lightblue); }
    body, html { background-color: var(--darkgray); color: #bebebe; }
    pre { background-color: #111111; color: #aaaaaa; }
    .clean { background-color: #111111; color: #aaaaaa; }
}