body { margin: 0; padding: 0 0 5em; line-height: 1.55em; }

a { color: #0a64bc; text-decoration: none; }

a:hover { color: #4999e0; }

h1 { margin-top: 1em; }

h1, h2 { clear: both; line-height: 1.8em; }

emph { font-style: italic; }

.container { padding: 0 2em; margin: 0 auto; max-width: 560px; }

.global-page-header { min-height: 2em; border-bottom: 2px solid black; background-color: #333; line-height: 2em; }

.global-page-header a { color: white; text-decoration: none; }

blockquote { background: #f5f2e7; border: 1px solid #eadea3; margin: 1em 0; border-width: 0 0 0 10px; padding: 1.6em 2em; border-radius: 5px; }

blockquote > *:first-child { margin-top: 0; }

blockquote > *:last-child { margin-bottom: 0; }

blockquote blockquote { margin: 0; padding: 0.8em 1em; border-radius: 0; border: 1px solid #cce; background: #eef; }

code, pre { font-family: Inconsolata, monospace; }

div.sourceCode { box-sizing: border-box; }

div.sourceCode pre { box-sizing: border-box; display: inline-block; min-width: 100%; border: 3px solid #f1f1f1; border-radius: 5px; padding: 1em; margin: 0 1.5em; word-break: break-all; line-height: 1.2em; }

div.sourceCode pre p { margin: 0; }

div.sourceCode pre span.kw, div.sourceCode pre span.ot { color: #007020; }

div.sourceCode pre span.fu { color: #06287e; }

div.sourceCode pre span.co { color: #60a0b0; }

div.sourceCode pre span.dt { color: #902000; }

div.sourceCode pre span.ch, div.sourceCode pre span.st { color: #4070a0; }

div.sourceCode pre span.bn, div.sourceCode pre span.dv, div.sourceCode pre span.fl { color: #40a070; }

div.sourceCode pre span.al, div.sourceCode pre span.er { color: red; }

div.sourceCode pre span.al, div.sourceCode pre span.er, div.sourceCode pre span.kw { font-weight: bold; }

div.sourceCode pre span.co { font-style: italic; }

@media (min-width: 560px) { div.sourceCode { text-align: center; }
  div.sourceCode pre { min-width: 560px; text-align: left; } }

h1 { margin-bottom: 1em; border-bottom: 1px solid darkgray; }

h2 { margin-top: 2em; }

.content .photo { width: 125px; float: right; border-radius: 5px; margin: 0 0 1em 1em; }

@media (max-width: 400px) { .content .photo { width: 75px; }
  .content ul { padding-left: 0; }
  .content li { list-style-type: none; line-height: 1.7em; } }

.post { border-bottom: 1px solid darkgray; margin: 1em 0; line-height: 0; padding-bottom: 0.5em; }

.post br:last-child { clear: both; }

.post-head { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; }

.post-title { font-size: 115%; flex: 1; }

.post-head, .post-abstract { line-height: 1.5em; font-family: Merriweather, serif; }

.post-date { font-size: 75%; color: darkgray; white-space: nowrap; }

.post-title, .post-date { display: inline-block; }

.post-abstract { text-align: justify; }

.post-thumb { height: 60px; width: 120px; border-radius: 5px; object-fit: cover; float: right; margin: 0 0 10px 20px; }