body,
body[class] {
    --page-glow-one: rgba(126, 87, 194, 0.13);
    --page-glow-two: rgba(38, 198, 218, 0.10);
    --page-background-base: #0d1117;

    background-color: var(--page-background-base);
    background-image:
        radial-gradient(
            circle at 12% 8%,
            var(--page-glow-one),
            transparent 32rem
        ),
        radial-gradient(
            circle at 88% 18%,
            var(--page-glow-two),
            transparent 30rem
        );
    background-attachment: fixed;
}

body.page-public-home {
    --page-glow-one: rgba(30, 136, 229, 0.13);
    --page-glow-two: rgba(38, 198, 218, 0.09);
}

body.page-development {
    --page-glow-one: rgba(30, 136, 229, 0.14);
    --page-glow-two: rgba(126, 87, 194, 0.12);
}

body.page-livebans {
    --page-glow-one: rgba(25, 118, 210, 0.14);
    --page-glow-two: rgba(229, 57, 53, 0.11);
}

body.page-legal {
    --page-glow-one: rgba(66, 165, 245, 0.20);
    --page-glow-two: rgba(96, 125, 139, 0.18);
    --page-background-base: #101722;
}

body.page-login {
    --page-glow-one: rgba(126, 87, 194, 0.13);
    --page-glow-two: rgba(41, 182, 246, 0.09);
}

body.page-account {
    --page-glow-one: rgba(0, 188, 212, 0.11);
    --page-glow-two: rgba(33, 150, 243, 0.10);
}

body.page-changelog,
body.page-changelog-manage {
    --page-glow-one: rgba(63, 81, 181, 0.12);
    --page-glow-two: rgba(156, 39, 176, 0.09);
}

body.page-moderators,
body.page-create-moderator,
body.page-edit-moderator {
    --page-glow-one: rgba(126, 87, 194, 0.11);
    --page-glow-two: rgba(251, 140, 0, 0.08);
}

@media (max-width: 700px) {
    body,
    body[class] {
        background-image:
            radial-gradient(
                circle at 5% 5%,
                var(--page-glow-one),
                transparent 24rem
            ),
            radial-gradient(
                circle at 95% 14%,
                var(--page-glow-two),
                transparent 22rem
            );
        background-attachment: scroll;
    }
}