@import url(fonts.css);

:root {
    --base-font-size: 1.1rem;
}

body {
    font-size: var(--base-font-size);
}

.font-body-serif body {
    font-family: "BodySerif", sans-serif;
}

.font-body-sans body {
    font-family: "BodySans", serif;
}

h1 {
    font-family: "Subheading";
}

h2,
h3,
h4,
h5,
h6 {
    font-family: "Subheading";
}

h1 {
    font-size: calc(2.1 * var(--base-font-size));
}

h2 {
    font-size: calc(1.8 * var(--base-font-size));
}

h3 {
    font-size: calc(1.6 * var(--base-font-size));
}

h4 {
    font-size: calc(1.4 * var(--base-font-size));
}

h5 {
    font-size: calc(1.2 * var(--base-font-size));
}

h6 {
    font-size: calc(1.0 * var(--base-font-size))
}

code {
    font-family: "Mono";
    font-size: calc(0.9 * var(--base-font-size));
}

code:not(pre code) {
    font-weight: bold;
}

.container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}