/* 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;

}