@font-face {
    font-family: "Atikison Hyperlegible";
    src: url("fonts/AtkinsonHyperlegible-Regular.ttf");
}
@font-face {
    font-family: "Atikison Hyperlegible";
    src: url("fonts/AtkinsonHyperlegible-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Atikison Hyperlegible";
    src: url("fonts/AtkinsonHyperlegible-Italic.ttf");
    font-style: italic;
}
@font-face {
    font-family: "Atikison Hyperlegible";
    src: url("fonts/AtkinsonHyperlegible-BoldItalic.ttf");
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "Pangolin";
    src: url("fonts/Pangolin-Regular.ttf");
}
body {
    background-color: #1f1d2f;
    color: #ebedff;
}
h1 {
    font-family: "Pangolin", cursive;
    font-size: 4em;
}
h2 {
    font-family: "Atkinson Hyperlegible", sans-serif;
    font-size: 2em;
}
p, li, dl, summary {
    font-family: "Atkinson Hyperlegible", sans-serif;
    font-size: 1.7em;
}
figcaption {
    font-family: "Atkinson Hyperlegible", sans-serif;
}