html { background-color:#181818; color:#eaeaea; }
@media screen and (min-width: 15cm) { body { max-width: 25cm; padding-left: 8mm; padding-right: 8mm; } }
@font-face { font-family: 'LibertinusMono'; src: url('../fonts/LibertinusMono.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Danfo'; src: url('../fonts/Danfo.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SpecialGothic'; src: url('../fonts/SpecialGothicExpandedOne.ttf') format('truetype'); font-weight: normal; font-style: normal; }
body { font-family: LibertinusMono; font-size: large; }
#content { background-color: #101010; padding: 20px; }
nav { font-family: SpecialGothic, sans-serif; margin: 20px; margin-left: 0; }
#navPost { margin: 15px; margin-left: 0; font-size: 1rem }

hr { border: 1px solid #444; margin: 10px 0; }
h1 { font-family: Danfo; font-size: 48px; letter-spacing: 15px; color:#101010; background-color:#8aacc8; margin: 0; text-align: center; }
h2 { font-family: SpecialGothic; margin: 10px; margin-left: 0;}
img { max-width:100%; height:auto; }
a, a:visited { color: #8aacc8; text-decoration: none; font-weight: bold; }
a:hover { color:#000; background-color:#8aacc8; }
blockquote { display: inline-block; margin: 0 0; padding: 0.5em 10px; border-left: 4px solid #999; background-color:#222; font-style: italic; color:#999; }
ul { margin: 10px; margin-top: 5px; }
img { image-rendering: pixelated; }

#toc { display: inline-block; border: 2px solid #444; padding: 15px; }
#toc a { font-size: 1rem; }
#toc h2 { margin-top: 0; margin-bottom: 0; }
#toc ul { padding-left: 15px; padding-top: 0px; margin: 0px; margin-top: 5px; }