body {
    max-width: 640px;
    margin: auto;
    font-weight: 360;
    font-family: "Aptos", "Segoe UI", "Arial", sans-serif;
    padding: 1.1rem;
}

body.latinum {
    background-color: #ddf7ff;
    color: #220700;
}

body.rathaus {
    background-color: #f7ddff;
    color: #072200;
}

code,
pre {
    font-family: "Aptos Mono", "Cascadia Mono", "Consolas", monospace;
}

p {
    margin: 0 0 0.1rem 0;
}

h3 {
    font-size: 1.2rem;
    font-weight: 420;
    margin: 0 0 0.1rem 0;
}

h2 {
    font-size: 1.4rem;
    font-weight: 480;
    margin: 0 0 0.2rem 0;
}

h1 {
    font-size: 1.8rem;
    font-weight: 540;
    margin: 0 0 0.4rem 0;
}