h1 {
    display: flex;
    font-weight: 400;
}

h2 {
    flex-wrap: wrap;
}

b {
    font-weight: bolder;
}

body {
    max-width: 64em;
    margin: auto;
}

.social-text {
    display: inline;
    margin-left: 0.125em;
    margin-right: 0.25em;
    font-weight: 400;
}

.social-link {
    display: inline;
    margin-right: 0.5em;
    font-weight: 400;
}

aside {
    margin-top: 1em;
    font-style: italic;
}

#container {
    margin-left: 1em;
    margin-right: 1em;
}

@media (prefers-color-scheme: light) {
    html {
        background-color: whitesmoke;
        color: black;
    }
}
@media (prefers-color-scheme: dark) {
    html {
        background-color: black;
        color: whitesmoke;
    }
    a {
        color: blue;
    }
    a:visited {
        color: red;
    }
}