html,header,main,footer{background:#eee}::selection{color:#eee;background:#555}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,footer{border:1px solid #222}header,header li,footer{padding:.1em .3em}main{padding:.5rem;flex-grow:1}a{color:#222}img{border:1px solid #222;padding:0}.footer-row>p{margin:0}footer{margin:.3em}a{overflow-wrap:break-word!important}header,footer{margin-top:1rem;margin-bottom:1rem}header{display:flex}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}h2{font-size:2em}hr{margin:.5rem -.5rem 0;border-bottom:1px solid #222}.page img,.highlight{display:block;margin-left:auto;margin-right:auto}.page img{width:80%}.highlight{width:90%}.highlight>pre{padding:.5em 1rem .5rem}@media(max-width:800px){header div.title h1{font-size:2em}.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}}.social-links{display:flex;gap:.75rem;margin:0}.social-links a{color:inherit}.social-links a:hover{opacity:.7}.social-links svg{display:block;width:1.1em;height:1.1em;padding:.2em 0;fill:currentColor}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}