:root{--primary-color:#10100f;--background-color:#ecebe7;--hover-color:#474743;--hr-color:#ddd}body{max-width:800px;margin:auto;padding:1em;line-height:1.5;color:var(--primary-color);background-color:var(--background-color)}.menu{padding:0}.menu li{display:inline-block}.article-meta,.menu a{text-decoration:none;background:var(--background-color);padding:5px;border-radius:5px}.menu,.article-meta,footer{text-align:center}.title{font-size:1em}footer a{text-decoration:none}hr{border-style:solid;color:var(--hr-color);border-width:.1px}.article-meta .author,.article-meta .date{font-size:1em;color:#666}.menu a{color:var(--primary-color);text-decoration:none}.menu a:hover{color:var(--hover-color);text-decoration:none}pre{border:1px solid var(--hr-color);box-shadow:5px 5px 5px #eee;padding:1em;overflow-x:auto}code{background:#f9f9f9}pre code{background:0 0}img,iframe,video{max-width:100%}main{hyphens:auto}blockquote{background:#f9f9f9;border-left:5px solid var(--hr-color);padding:3px 1em}table{margin:auto;border-top:1px solid #666;border-bottom:1px solid #666}table thead th{border-bottom:1px solid var(--hr-color)}th,td{padding:5px}thead,tfoot,tr:nth-child(even){background:#eee}figure{margin:1.5em 0}figcaption{text-align:center;font-size:.9em;color:#666;margin-top:.5em}a{color:var(--primary-color);text-decoration:underline}a:hover{color:var(--hover-color);text-decoration:underline}