:root {
    color-scheme: dark;
    --navy-950: #020d1d;
    --navy-900: #031a34;
    --lime: #8bc63f;
    --lime-bright: #a8d84f;
    --ice: #edf6fb;
    --muted: #bfd0dd;
    --county-primary: var(--lime);
    --county-secondary: var(--lime-bright);
    --county-background: var(--navy-900);
    --county-surface: #062846;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html, body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    overflow-x: hidden;
    background: var(--county-background);
}

body {
    min-height: 100dvh;
    color: white;
    font-family: "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.error-page {
    padding-top: 12vh;
}