@font-face {
    font-display: swap;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 300;
    src:
        url('/static/fonts/proximanova/basic/proximanova-regular.woff2')
            format('woff2'),
        url('/static/fonts/proximanova/basic/proximanova-regular.woff')
            format('woff');
    unicode-range:
        U+0000-007E, U+00A0-00A3, U+00A5, U+00A8-00A9, U+00AB, U+00AE, U+00B4,
        U+00B8, U+00BB, U+00BF-00C2, U+00C4, U+00C6-00CB, U+00CD-00CF, U+00D1,
        U+00D3-00D4, U+00D6, U+00D9-00DC, U+00DF-00E2, U+00E4, U+00E6-00EB,
        U+00ED-00EF, U+00F1, U+00F3-00F4, U+00F6, U+00F9-00FC, U+00FF,
        U+0152-0153, U+0178, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A,
        U+201C-201E, U+2022, U+2026, U+202F, U+2039-203A, U+20AC, U+2122;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 300;
    src:
        url('/static/fonts/proximanova/extended/proximanova-regular.woff2')
            format('woff2'),
        url('/static/fonts/proximanova/extended/proximanova-regular.woff')
            format('woff');
    unicode-range:
        U+007F-009F, U+00A4, U+00A6-00A7, U+00AA, U+00AC-00AD, U+00AF-00B3,
        U+00B5-00B7, U+00B9-00BA, U+00BC-00BE, U+00C3, U+00C5, U+00CC, U+00D0,
        U+00D2, U+00D5, U+00D7-00D8, U+00DD-00DE, U+00E3, U+00E5, U+00EC,
        U+00F0, U+00F2, U+00F5, U+00F7-00F8, U+00FD-00FE, U+0100-0151,
        U+0154-0177, U+0179-02C5, U+02C7-02D9, U+02DB, U+02DD-2012, U+2015-2017,
        U+201B, U+201F-2021, U+2023-2025, U+2027-202E, U+2030-2038, U+203B-20AB,
        U+20AD-2121, U+2123-FB04;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 600;
    src:
        url('/static/fonts/proximanova/basic/proximanova-bold.woff2')
            format('woff2'),
        url('/static/fonts/proximanova/basic/proximanova-bold.woff')
            format('woff');
    unicode-range:
        U+0000-007E, U+00A0-00A3, U+00A5, U+00A8-00A9, U+00AB, U+00AE, U+00B4,
        U+00B8, U+00BB, U+00BF-00C2, U+00C4, U+00C6-00CB, U+00CD-00CF, U+00D1,
        U+00D3-00D4, U+00D6, U+00D9-00DC, U+00DF-00E2, U+00E4, U+00E6-00EB,
        U+00ED-00EF, U+00F1, U+00F3-00F4, U+00F6, U+00F9-00FC, U+00FF,
        U+0152-0153, U+0178, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A,
        U+201C-201E, U+2022, U+2026, U+202F, U+2039-203A, U+20AC, U+2122;
}

@font-face {
    font-display: swap;
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 600;
    src:
        url('/static/fonts/proximanova/extended/proximanova-bold.woff2')
            format('woff2'),
        url('/static/fonts/proximanova/extended/proximanova-bold.woff')
            format('woff');
    unicode-range:
        U+007F-009F, U+00A4, U+00A6-00A7, U+00AA, U+00AC-00AD, U+00AF-00B3,
        U+00B5-00B7, U+00B9-00BA, U+00BC-00BE, U+00C3, U+00C5, U+00CC, U+00D0,
        U+00D2, U+00D5, U+00D7-00D8, U+00DD-00DE, U+00E3, U+00E5, U+00EC,
        U+00F0, U+00F2, U+00F5, U+00F7-00F8, U+00FD-00FE, U+0100-0151,
        U+0154-0177, U+0179-02C5, U+02C7-02D9, U+02DB, U+02DD-2012, U+2015-2017,
        U+201B, U+201F-2021, U+2023-2025, U+2027-202E, U+2030-2038, U+203B-20AB,
        U+20AD-2121, U+2123-FB04;
}

html {
    border-top: 50px solid #243959;
    background: #fff;
    color: #1b1e20;
}

body {
    margin: 0 auto;
    padding: 24px;
    max-width: 60ch;
    font:
        16px/1.4286 'Proxima Nova',
        system-ui,
        -apple-system,
        'Segoe UI',
        Arial,
        sans-serif;
}

h1 {
    margin: 20px 0 12px;
    line-height: 1.2684;
    font-size: 2.0273rem;
    font-weight: bold;
}

h2 {
    margin: 20px 0 8px;
    line-height: 1.2486;
    font-size: 1.602rem;
    font-weight: bold;
}

p,
ol,
ul {
    margin: 1em 0;
}
ol,
ul {
    padding: 0 0 0 20px;
}

blockquote {
    margin: 0;
    border-left: 4px solid #ccced1;
    padding: 8px 12px;
    background: #f4f5f5;
}

pre {
    margin: 1em 0;
    font-size: 14px;
}

a {
    color: #176bad;
    text-decoration: underline;
}
a:visited {
    color: #7c25b1;
}
a:hover {
    color: #1f5077;
}

table {
    width: 100%;
    table-layout: fixed;
}

table th,
table td {
    overflow: hidden;
    padding: 2px 8px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table th {
    border-bottom: 1px solid #ccced1;
    background: #f4f5f5;
    font-weight: bold;
}

table th a {
    color: inherit;
}

button {
    border: 1px solid transparent;
    padding: 0 12px;
    font: inherit;
    line-height: 32px;
    background: #0067b9;
    border-radius: 5px;
    box-shadow: rgb(51 62 72 / 20%) 0 1px 2px 0;
    color: #fff;
    cursor: pointer;
}
button:hover {
    background-color: #176bad;
}
button:active {
    background-color: #296b9f;
    box-shadow: none;
}

@media (prefers-color-scheme: dark) {
    html {
        background: #1b1e20;
        border-color: #27303d;
        color: #d6d8da;
    }

    blockquote {
        background: #2d3236;
        border-color: #70777e;
    }

    a {
        color: #6ca8d2;
    }
    a:visited {
        color: #5e88a4;
    }
    a:hover {
        color: #1f5077;
    }

    table th {
        background: #2d3236;
        border-color: #70777e;
    }

    button {
        background-color: #69b3e7;
        box-shadow: rgb(0 0 0 / 70%) 0 1px 2px 0;
        color: #1b1e20;
    }
    button:hover {
        background-color: #6ca8d2;
    }
    button:active {
        background-color: #6c9bbc;
    }
}