/* The Privacy Policy and Terms of Use: the game's fonts and colours, plain and readable */
@font-face {
    font-family: "Luckiest Guy";
    src: url(./assets/fonts/LuckiestGuy.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: "Nunito";
    src: url(./assets/fonts/Nunito.woff2) format("woff2");
    font-weight: 200 1000;
    font-display: swap;
}
:root {
    color-scheme: dark;
}
html {
    background: #141b33;
}
body {
    margin: 0;
    padding: 24px 16px 48px;
    color: #e8e2d2;
    background: #141b33;
    font-family: "Nunito", system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
main {
    max-width: 760px;
    margin: 0 auto;
    padding: 24px 28px;
    background: #1f2950;
    border: 3px solid #fff6e0;
    border-radius: 16px;
}
h1,
h2 {
    font-family: "Luckiest Guy", "Nunito", sans-serif;
    font-weight: 400;
    letter-spacing: 0.02em;
}
h1 {
    margin: 0.2em 0 0;
    color: #ffcc33;
    font-size: 2.2rem;
    text-shadow: 0 3px 0 #6b2b10;
}
h2 {
    margin: 1.8em 0 0.5em;
    color: #9fc6ff;
    font-size: 1.3rem;
}
p,
li {
    margin: 0 0 0.8em;
}
ul {
    padding-left: 1.3em;
}
b {
    color: #fff;
}
code {
    color: #ffe7a0;
}
a {
    color: #9fc6ff;
}
a:hover {
    color: #d4e6ff;
}
.updated {
    color: #a9b0c8;
    font-size: 0.85rem;
}
.back {
    margin: 0 0 8px;
    font-size: 0.95rem;
}
.footer {
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #3a4778;
    font-size: 0.95rem;
}
@media (max-width: 520px) {
    body {
        padding: 10px 8px 32px;
        font-size: 15px;
    }
    main {
        padding: 16px 14px;
    }
}