html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
::selection {background: silver;color: #111;}
::-moz-selection {background: silver;color: #111;}
body {background-color: rgb(27, 27, 27);color: #c1c1c1;font-size: 16px;padding: 1em;font-family: monospace, sans-serif;line-height: 1.5em;}
footer a {color:red; text-decoration: none;}
img { max-width: 100%; height: auto; display: block;}
article { padding: 0; margin: 1em 0; max-width: 74ch; word-break: break-word;}
article a { color: red; text-decoration: none; }
article img { max-width: 100%; height: auto; display: block;}
article blockquote { border-left: 2px solid #CCC; }
article blockquote,
article pre { margin: 0; padding: 1em; }
article pre,article code { font-family: mono;background: silver;color: #1b1b1b;}
article pre { word-break: break-word; white-space: pre-wrap; }
article code::first-line { line-height: 0 }
article blockquote :first-of-type { margin-top: 0; }
article blockquote :last-of-type { margin-bottom: 0; }
article hr { border: 0; border-bottom: 3px solid slategray; }
.heading { text-transform: uppercase; line-height: 1.6em; margin-bottom: 2ch;}
.heading a { text-decoration: none; }
.heading .title { color: silver; display: contents; margin: 0; font-weight:bold; }
.heading .title:hover { text-decoration: none; cursor: auto;}
.heading .stamp,
.home { display: inline-block; text-align:right; }
.home { text-decoration: none; width: 5.4em; margin-bottom: 1.5em; text-align: left;  color: #cb4b16; } .home:hover { color: #dc322f; }
.heading .stamp { color: #999; font-family: mono; text-transform:none;}
.contents { display: inline-block; max-width: 60ch; vertical-align: top; width: 100%; }
.contents :first-child { margin-top: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; text-transform: uppercase; margin: 2em 0 1em; font-weight: bold;}
h2 { font-size: 0.9em; } h3 { font-size: 0.8em; }
ol, ul { padding-left: 1em; }
ul li {list-style-type: square;}
ul.fn-list { list-style: none; padding: 2em 0 0; color:slategray; font-size: .8em; border-top: 3px solid slategrey;}
.fn-handle, .fn-text { display: inline; word-break: break-word;}
.fn-handle { padding-right: 1ch; }
.fnref { line-height: 0 }
.fn-backref { margin-left: 0.5em; }
.tags { margin-top: 2.5em; padding-top: 1.5em; font-size: .9em; }
header { text-transform: uppercase; }
header a { text-decoration: none; color: inherit; display: contents;}
.wrapper {max-width: 1200px;margin: 0 auto;}
.read {color: #999;}
.read {text-transform:none; font-size:0.9em;}
.tags a {color: silver; text-transform: none;}
blockquote p { font-weight: bold;}
footer a {font-weight: bold; color: inherit;}
footer p {font-style: italic;}
@media (min-width: 800px) {
 body {font-size: 26px;}
ul.fn-list { font-size: .9em; }		     
}
@media (min-width: 1600px) {
.wrapper {max-width: 1600px;margin: 0 auto;}   
body {font-size: 38px;}   
}
article pre::selection {
background: #111;
color: silver;
}