html { font-family: Inter; }

body { background: #E4E4E7; margin: 1rem 0; line-height: 1.6; font-size: 1rem; color: #3F3F46; }

div.content { max-width: 700px; margin: 0 auto; padding: 1rem; background: #F4F4F5; }

@media screen and (max-width: 700px) { body { margin: 0; padding-bottom: 2rem; } }

h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.1; margin-bottom: 1rem; color: #18181B; letter-spacing: -1px; }

h1 { font-size: 2.2rem; border-bottom: 1px solid #D4D4D8; }

h2 { font-size: 1.6rem; border-bottom: 1px solid #E4E4E7; }

h3 { font-size: 1.3rem; font-style: italic; }

p { margin-top: .5rem; }

a { color: blue; text-decoration: underline; }

a:hover, a:focus { color: #0000ffa3; text-decoration: none; }

.note { background: #fef3c7; padding: 1rem; color: #241d01; border-radius: 4px; }

header { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    border-bottom: 2px solid #00000022; 
    align-items: center; 
    background: #9206b5; 
    padding: .5rem 1rem; 
    color: white; 
    margin-bottom: 1rem; 
}

header a.invisible-link { color: inherit; text-decoration: inherit; }

header a.invisible-link:hover, header a.invisible-link:active { text-decoration: underline; }

header span.header-title { font-weight: bold; font-size: 1.2rem; padding-top: 1px; padding-right: 1rem; }

header div img { max-height: 50px; }

header div nav a { color: white; }

header div nav a:hover, header div nav a:focus { color: #ffffffc5; text-decoration: none; }

header div nav a:not(:last-of-type) { margin-right: .5rem; }

main { padding: 0 .5rem; }

@media screen and (max-width: 700px) { main { padding: 0; } }

footer { font-size: .8rem; border-top: 1px solid #D4D4D8; padding-top: 1rem; margin-top: 2rem; }

footer span { opacity: .7; }

footer img { height: 20px; vertical-align: text-bottom; }

code.language-plaintext { font-size: .9rem; background: #ededed; border: 1px solid #00000020; border-radius: 2px; padding: 2px 5px; }

blockquote { margin: 0; padding: .5rem .8rem; background: #E4E4E7; border-left: 5px solid #D4D4D8; color: #27272A; margin-bottom: 1rem; }

blockquote p { margin: 0; }

.highlight table td { padding: 5px; }

.highlight table pre { margin: 0; }

.highlight { border-radius: 5px; }

pre.highlight { padding: 1rem; tab-size: 4; line-height: 1.3; }

pre.highlight code { font-family: monospace; font-size: 0.9rem; }

.highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf { color: #939293; font-style: italic; }

.highlight .cm { color: #939293; font-style: italic; }

.highlight .c1 { color: #939293; font-style: italic; }

.highlight .cp { color: #939293; }

.highlight .cs { color: #939293; font-style: italic; }

.highlight .err { color: #960050; background-color: #1e0010; }

.highlight .gi { color: #ffffff; background-color: #324932; }

.highlight .gd { color: #ffffff; background-color: #493131; }

.highlight .ge { color: #000000; font-style: italic; }

.highlight .gr { color: #aa0000; }

.highlight .gt { color: #aa0000; }

.highlight .gh { color: #999999; }

.highlight .go { color: #888888; }

.highlight .gp { color: #555555; }

.highlight .gu { color: #aaaaaa; }

.highlight .k, .highlight .kv { color: #78dce8; }

.highlight .kc { color: #78dce8; }

.highlight .kd { color: #78dce8; }

.highlight .kp { color: #78dce8; }

.highlight .kr { color: #78dce8; }

.highlight .kt { color: #78dce8; }

.highlight .kn { color: #ff6188; }

.highlight .ow { color: #ff6188; }

.highlight .o { color: #ff6188; }

.highlight .mf { color: #ab9df2; }

.highlight .mh { color: #ab9df2; }

.highlight .il { color: #ab9df2; }

.highlight .mi { color: #ab9df2; }

.highlight .mo { color: #ab9df2; }

.highlight .m, .highlight .mb, .highlight .mx { color: #ab9df2; }

.highlight .se { color: #ab9df2; }

.highlight .sa { color: #78dce8; }

.highlight .sb { color: #ffd866; }

.highlight .sc { color: #ffd866; }

.highlight .sd { color: #ffd866; }

.highlight .s2 { color: #ffd866; }

.highlight .sh { color: #ffd866; }

.highlight .si { color: #ffd866; }

.highlight .sx { color: #ffd866; }

.highlight .sr { color: #ffd866; }

.highlight .s1 { color: #ffd866; }

.highlight .ss { color: #ffd866; }

.highlight .s, .highlight .dl { color: #ffd866; }

.highlight .na { color: #a9dc76; }

.highlight .nc { color: #a9dc76; }

.highlight .nd { color: #a9dc76; }

.highlight .ne { color: #a9dc76; }

.highlight .nf, .highlight .fm { color: #a9dc76; }

.highlight .no { color: #78dce8; }

.highlight .bp { color: #fcfcfa; }

.highlight .nb { color: #fcfcfa; }

.highlight .ni { color: #fcfcfa; }

.highlight .nn { color: #fcfcfa; }

.highlight .vc { color: #fcfcfa; }

.highlight .vg { color: #fcfcfa; }

.highlight .vi { color: #fcfcfa; }

.highlight .nv, .highlight .vm { color: #fcfcfa; }

.highlight .w { color: #fcfcfa; }

.highlight .nl { color: #fcfcfa; }

.highlight .nt { color: #ff6188; }

.highlight { color: #fcfcfa; background-color: #221f22; }

/*# sourceMappingURL=main.css.map */