html{background:#eee}::selection{color:#eee;background:#bbb}body{display:flex;flex-direction:column;color:#222;font-family:sans-serif;line-height:1.5;width:80%;margin:0 auto;min-height:100vh}header,main,header li{border:1px solid #222}header,header li{padding:.1em .3em}main{padding:.5rem;flex-grow:1}a{color:#222}img{border:1px solid #222;padding:0}header{display:flex;margin-top:1rem;margin-bottom:1rem}header div.title>*{margin:0}header div.title h1{font-size:2.5em}header div.title h2{font-size:1rem}header nav{display:table;margin-left:auto}header nav li{display:inline;margin-right:1rem}header ul{display:table-cell;vertical-align:middle}@media(max-width:800px){header nav li{display:block!important}}nav a,.list a{text-decoration:none}h1{margin:0}hr{margin:.5rem -.5rem 0;border-bottom:1px solid #222}.page img,.highlight{display:block;margin-left:auto;margin-right:auto}.page img{width:50%}.highlight{width:90%}.highlight>pre{padding:.5em 1rem .5rem}@media(max-width:800px){.highlight>code,pre>code{font-size:1.5vw}.page img,.highlight{width:90%}}.about img{float:left;width:30%;margin-right:.5rem}main.list :not(:first-child)>*{margin-top:1em}.post_summary{display:flex;border:1px solid #222}.post_summary>*{margin:.5rem}.post_summary img{width:20%;height:auto}code span{width:100%;white-space:pre-wrap;overflow-wrap:break-word}@media(max-width:800px){.post_summary{flex-direction:column}.post_summary img{width:80%;margin-left:auto;margin-right:auto}}footer{margin-top:auto}