:root {
    --not-white:#fff9f2;
    --not-black:#191919;
    --cherry:#83254f;
    --strawberry:#e56b6f;
    --mango:#ffab5c;
    --longan:#ffd8a8;
}
body {
    font-family:'Atkinson Hyperlegible Next', sans-serif;
    background-color:#191919;
    color:var(--not-white);
    margin:auto;
    padding:1em;
    max-width:1200px;
    overflow:auto;
}
a {
    color:var(--mango);
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
h1 {
    font-size:56px;
    margin:0.25em 0;
    text-align:center;
}
h2 {
    font-size:22px;
    margin:0.5em 0;
}
h3 {
    font-size:20px;
    margin:0.5em 0;
}
p {
    font-size:18px;
    text-align:justify;
    font-weight:300;
    margin-top:0;
}
div.header {
    max-width:800px;
    margin:auto;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    text-align:justify;
    gap:0.8em;
}
div.inline-image {
    display:flex;
    justify-content:center;
}
div.inline-image img {
    max-width:100%;
    max-height:calc(100vh - 2em);
}