@font-face { font-family: 'Icons'; font-weight: 400; src: url(/images/font/icons.woff2); }

@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: local("Raleway"), local("Raleway-Regular"), url(/images/font/raleway.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: local("Raleway"), local("Raleway-Regular"), url(/images/font/raleway-ext.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

icon { display: inline-block; margin: 0 0 0 0; padding: 0; font-family: Icons; font-weight: 400; font-size: 1.3em; color: #000; line-height: 1em; vertical-align: text-top; cursor: default; }

a icon { cursor: pointer; }

.clearMe { display: block; height: 0; clear: both; font-size: 0; }

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clear { display: inline-block; }

/* hide IE mac \*/
* html .clear { height: 1%; }

.clear { display: block; }

/* */
html { overflow-y: scroll; overflow-x: auto; }

body { font-family: arial; color: #111; background: #eee url(/images/rice-paper.jpg) 0 0 repeat; }

#container { max-width: 1024px; margin: 0 auto; }

a { color: #c22; text-decoration: none; }

a:hover { color: #9f1d17; }

.center { display: flex; justify-content: center; }

.logo { padding: 0 20px; }

.logo a { display: block; width: 195px; height: 98px; background: url(/images/logo3.png) 0 0 no-repeat; background-size: contain; opacity: 0.85; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.logo a:hover { opacity: 1; }

.logo a span { display: none; }

.nav { padding: 24px 0; }

.nav ul { display: flex; justify-items: center; align-items: center; }

.nav li { display: block; list-style: none; padding: 0 14px; }

.nav li a { line-height: 20px; font-family: Consolas, "Liberation Mono", Courier, monospace; }

.nav li a icon { line-height: 16px; color: #c22; }

.about { font-size: 18px; line-height: 24px; padding: 24px; background: rgba(0, 0, 0, 0.025); }

.about .photo { float: right; padding: 0 0 12px 24px; }

.about p:last-child { padding-bottom: 0; }

.projects td { vertical-align: top; padding: 16px; }

.projects td + td { padding: 16px 24px 16px 24px; }

.projects tr:nth-child(2n+1) { background: rgba(0, 0, 0, 0.025); }

.projects img { max-width: 100px; max-height: 100px; }

.writing ul { margin: 0 !important; }

.writing li { list-style: none; }

.writing li:nth-child(2n+1) { background: rgba(0, 0, 0, 0.025); }

.writing li a { display: block; padding: 8px; }

.writing small { float: right; display: inline-block; font-size: 13px; }

header { padding: 20px 0; color: #111; }

section { padding: 12px 0; margin-bottom: 24px; }

.page-content { max-width: 900px; margin: 0 auto; padding: 0 20px; font-size: 16px; line-height: 22px; }

.page-content h1, .page-content h2, .page-content h3, .page-content h4 { font-family: 'Raleway', sans-serif; font-weight: 600; }

.page-content h1 { margin: 0 0 28px 0; font-size: 32px; line-height: 36px; }

.page-content h2 { margin: 0 0 24px 0; font-size: 24px; line-height: 28px; }

.page-content h3 { margin: 0 0 12px 0; font-size: 18px; line-height: 22px; }

.page-content h4 { font-size: 18px; line-height: 22px; }

.page-content p { padding: 0 0 16px 0; }

.page-content pre { margin: 0 0 16px 0; }

.page-content ul { list-style: disc; }

.page-content ul, .page-content ol { margin: 0 0 16px 32px; }

.page-content blockquote { margin: 0 0 16px 0; padding: 8px; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #751313; background: #e4e4e4; border-radius: 3px; }

.page-content blockquote *:last-child { padding-bottom: 0; }

.page-content hr { height: 5px; margin: 0 0 16px 0; background: none; border: 0; border-bottom: 1px solid #9f1d17; opacity: 0.2; }

@media only screen and (max-width: 640px) { .page-content h1 { font-size: 26px; line-height: 30px; } .page-content h2 { font-size: 18px; line-height: 22px; } .page-content h3 { font-size: 14px; line-height: 18px; } .page-content h4 { font-size: 10px; line-height: 14px; } }

.post-list { margin: 0 !important; list-style: none !important; }

.post { padding: 0 0 42px 0; }

.post .post-header .date { float: right; margin: 0 0 0 32px; padding: 0; text-align: center; font-size: 14px; color: #999; }

.post .post-header .date span { display: block; font-size: 18px; color: #111; }

.post article { padding: 0 0 0 0; }

.post article h2 { margin-left: -4px; margin-top: 8px; }

.post article img { height: auto; max-width: 100%; max-height: 800px; }

.post article strong { font-weight: bold; }

.post article em { font-style: italic; }

.post article .alignright { float: right; margin-left: 16px; }

.post .commentlink { float: right; }

.post .tags { margin-left: 16px; list-style: none; }

.post .tags li { display: inline-block; margin: 0 6px 6px 0; }

.post .tags li icon { color: #878701; }

.post .comments { margin-top: 48px; padding: 0 0 0 8px; }

@media only screen and (max-width: 640px) { .post article { padding-left: 0; } .post article h2 { margin-left: 0; } }

.post .center { text-align: center; }

.post .padded { padding: 16px; }

.pagination { font-size: 16px; text-align: center; }

pre, code { color: #d8d8d8; font-family: Consolas, "Liberation Mono", Courier, monospace; background: #333; border-radius: 3px; }

code { margin: 0 2px; padding: 0 5px; white-space: nowrap; }

pre { padding: 2px 8px; overflow-x: auto; background: #333; }

pre code { margin: 0; padding: 0; color: #d8d8d8; white-space: pre; background: none; }

em code, strong code { font-style: normal; font-weight: normal; }

.lnr { display: none; color: #7f7f7f; }

.Statement, kwd { color: #ccaa88; font-weight: bold; }

.Constant, .str { color: #e09085; }

.Type, .typ { color: #99cccc; }

.Identifier { color: #d0d0b0; }

.Comment, .com { color: #7f7f7f; }

.Operator { color: #ffdead; }

.Special { color: #bbccee; }

.hljs { padding: 0 !important; background: none !important; }

.hljs, .hljs-setting .hljs-value, .hljs-expression .hljs-variable, .hljs-expression .hljs-begin-block, .hljs-expression .hljs-end-block, .hljs-class .hljs-params, .hljs-function .hljs-params, .hljs-at_rule .hljs-preprocessor { color: #d8d8d8 !important; }

ul.parody { list-style: none; margin-left: 0; padding: 0; }

ul.parody li { margin: 0 0 8px 0; }

ul.parody li.flagged h3 a { margin: 0 0 0 3px; color: #aaa; }

ul.parody li h3 { margin: 0; color: #555; font-size: 12px; line-height: 14px; }

ul.parody li h3 a { display: inline-block; margin: 0 4px 0 0; font-size: 14px; }

ul.parody li small { display: inline-block; margin: 0 0 0 8px; color: #555; word-spacing: .05em; font-size: 11px; }

ul.parody li small a { margin-left: 3px; }

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