html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body {background-color: rgb(27, 27, 27);color: #c1c1c1;font-size: 16px;padding: 1em;font-family: monospace, sans-serif;line-height: 1.5em;}
img { max-width: 100%; height: auto; display: block;}
footer a {font-weight: bold; color: inherit;}
a { text-decoration: none; color: silver;}
.active {color:red;}
#lib-lnk {color:silver;font-weight: bold;}
.posts { list-style: none; padding: 0; margin: 1em 0; line-height: 1.6em; }
.post-link { display: table; text-transform: uppercase; margin-bottom: .55em; }
.post-link a { text-decoration: none; display: block;}
.post-link .title:hover {  color:red;  }
.post-link .stamp { color: #999; display: table-cell; width: 2.25em; text-align:right; padding-right: 1.5em; font-family: mono;}
.post-link .title { color: silver; display: table-cell; vertical-align: top;font-weight: bold; }
nav a { color: #555; text-decoration: none; } nav a:hover { color: #268bd2}
nav a+a:before { content: ' • '; }
header { margin-bottom: 20px; text-transform: uppercase; display:grid; }
header a { text-decoration: none; display: contents; }
#wrap { display:grid; grid-template-columns: 1fr;}
#wrap > img { max-width: 100%;border:1px solid palegoldenrod;}
.hexdump{margin:0;white-space: pre;overflow-x: auto;font-family: mono;align-content: center;font-size: 21px;opacity: 0;animation: fadeIn 1.5s forwards;}
.nth {background-color: whitesmoke;animation: textPulse 5s linear 1 forwards; text-shadow: none;}
.raw { text-decoration:none;}
#first {font-weight: normal;margin-bottom: .55em;font-size: 16px; color:slategray;display:none;}
#first a {color: inherit;}
#top-right {text-align:center;}
#lib-lnk {font-size: 0.7em;font-weight:normal;}
.wrapper {max-width: 1200px;margin: 0 auto;}
.read {text-transform: none;}
.raw { text-decoration: none; color: inherit; text-shadow: 0px 0 3px silver;}
@keyframes fadeIn {  to { opacity: 1; }}
@keyframes textPulse {  0%, 100% { color: #1b1b1b; } 50% { color: whitesmoke; } }
.xxx {color:red;text-shadow: 0 0 5px #f00;}
::selection {background: silver;color: #111;}
::-moz-selection {background: silver;color: #111;}
.panel {align-content: center;}
@media (min-width: 800px) {
 body {font-size: 26px;}
 #wrap {grid-template-columns: 1fr 1fr;}
 #wrap > img { justify-self: right;}
 #lib-lnk {font-size: 21px;}
 .hexdump { font-size: 34px;text-align: right;}
 header { grid-template-columns: 1fr 1fr;}
 #first {font-size: 21px; display:block;}
 #top-right {text-align: right;}
 #lib-lnk {font-size: 0.75em;}
}
@media (min-width: 1600px) {
 .wrapper {max-width: 1600px;margin: 0 auto;}   
body {font-size: 38px;}   
 #wrap { grid-template-columns: 2fr 1fr;}
 .hexdump {font-size: 38px;text-align: center;line-height: 1.2em;
 }      
}