body {
    background-color: #fff;
    color: #212121
}

body a {
    color: #1e70bf;
    text-decoration: none
}

body a:visited {
    color: #1e70bf
}

body a:hover {
    text-decoration: none;
}

body code:not(pre>code) {
    background-color: #212121;
    color: #fff
}

body figcaption {
    color: #666
}

html {
    height: 100%
}

@font-face {
    font-family: "ui-monospace";
    src: local("Menlo"), local("Consolas"), local("Liberation Mono"), local("Courier New"), local("Courier");
}

body {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", sans-chinese, monospace;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    min-height: 100%;
    overflow-wrap: break-word
}

h2,
h3,
h4,
h5,
h6 {
    margin-top: 3rem
}

p {
    margin: 1rem 0
}

li {
    margin: 0.4rem 0
}

*:target {
    background: yellow
}

.w {
    max-width: 640px;
    margin: 0 auto;
    padding: 4rem 2rem
}

pre {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", sans-chinese, monospace;
    background: black;
    padding: 1em;
    overflow-x: auto;
    color: white
}

table {
    width: 100%
}

table,
th,
td {
    border: thin solid black;
    border-collapse: collapse;
    padding: 0.4rem
}

code:not(pre>code) {
    padding: 0.1em 0.2em;
    font-size: 90%
}


code {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", sans-chinese, monospace
}

blockquote {
    font-style: normal;
    margin-left: 32px;
    border-left: 4px solid #CCC;
    padding-left: 8px
}

img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

figcaption {
    text-align: center;
    opacity: 0.5
}