/* Import */ @import url('fonts.googleapis.com/css?family=Nothing+You+Could+Do'); @import “syntax”;
/* Basic */ html {
width: 100%; height: 100%; font-size: 16px; letter-spacing: 0.2em; background: #fafafa; font-family: 'Nothing You Could Do', 'STKaiti', 'KaiTi', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; @media screen and (max-width: 1000px) { font-size: 10px; }
}
body {
margin: 0 auto; max-width: 800px; @media screen and (max-width: 500px) { max-width: 300px; }
}
footer {
margin-top: 5em; height: 5em; div { text-align: right; margin-top: 2em; }
}
section {
margin-top: 5em;
}
code {
font-size: .9em; font-family: "Nothing You Could Do"; * { font-family: "Nothing You Could Do"; }
}
blockquote {
margin-top: 2em; margin-bottom: 2em;
}
h1 {
margin: 30px 0; margin-top: 3em; text-decoration: underline;
}
h2 {
margin-top: 2em; text-decoration-line: underline;
}
li {
margin-bottom: 0.8em;
}
/* layout */ .highlighter-rouge {
color: grey; font-family: inherit; background-color: #f8f8f8;
}
table {
width: 100%;
}
tr > * {
padding: 1em 0; text-align: center;
}