*{box-sizing:border-box}html{line-height:1.6}body{margin:0;font-family:sans-serif;background:#fff;color:#444}h1,h2,h3,h4,h5,h6{color:#fff}a{color:#999;transition:color .35s;text-decoration:none}a:hover{color:#fff}code{font-family:monospace,monospace;font-size:1em;color:rgba(68,68,68,.8);text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}pre{font-size:1rem;line-height:1.2em;margin:0;overflow:auto}pre code{font-size:.8em}::selection{background:rgba(68,68,68,.25)}::-moz-selection{background:rgba(68,68,68,.25)}.app-header{padding:2.5em;background:#400;text-align:center}.app-header-avatar{width:15rem;height:15rem;border-radius:100%;border:.5rem solid #999}.app-container{padding:2.5rem}.app-header-social{display:flex;align-items:center;justify-content:center;font-size:2em;color:#fff}.app-header-social a:not(:last-child){margin-right:.4em}.app-header-title{color:#fff;display:block;font-size:2em;margin:.67em 0;font-weight:700}@media(min-width:940px){.app-header{position:fixed;top:0;left:0;width:20rem;min-height:100vh}.app-container{max-width:65rem;margin-left:20rem}}.error-404{text-align:center}.error-404-title{text-transform:uppercase}.icon{display:inline-block;width:1em;height:1em;margin-top:-.125em}.pagination{display:block;list-style:none;padding:0;font-size:.8em;text-align:center;margin:3em 0}.page-item{display:inline-block}.page-item .page-link{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem}.page-item.active .page-link{color:#fff;border-radius:2em;background:#999}.post-title{color:#fff}.post-meta>div{display:flex;align-items:center;font-size:.8em}.post-meta>div>.icon{margin-right:.4em}.post-content>pre,.post-content .highlight{margin:1em 0}.post-content>pre,.post-content .highlight>pre,.post-content .highlight>div{border-left:.4em solid rgba(153,153,153,.8);padding:1em}.post-content blockquote{border-left:.4em solid rgba(153,153,153,.8);margin:1em 0;padding:.5em 1em;background:#400}.post-content blockquote p{margin:.5em 0}.post-content img{max-width:100%}.posts-list{padding:0}.posts-list-item{list-style:none;padding:.4em 0}.posts-list-item:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.3)}.posts-list-item-description{display:flex;align-items:center;font-size:.8em}.posts-list-item-description>.icon{margin-right:.4em}.posts-list-item-separator{margin:0 .4em}.tag{display:inline-block;margin-right:.2em;padding:0 .6em;font-size:.9em;border-radius:.2em;white-space:nowrap;background:rgba(255,255,255,.1);transition:color .35s,background .35s}.tag:hover{transition:color .25s,background .05s;background:rgba(255,255,255,.3)}.tags-list{padding:0}.tags-list-item{display:flex;align-items:center;list-style:none;padding:.4em 0}.tags-list-item>.icon{margin-right:.4em}.tags-list-item:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.3)}@media(min-width:450px){.tags-list{display:flex;flex-wrap:wrap}.tags-list-item{width:calc(50% - 1em)}.tags-list-item:nth-child(even){margin-left:1em}.tags-list-item:nth-last-child(2){border:none}}body{font-family:Inconsolata,monospace}.posts-list-item-title{font-weight:700;color:#644}.posts-list-item-description{filter:brightness(200%)}.post-meta{color:#999}.post-header h1{color:#400}.post-title{font-size:2em;margin-top:0;margin-bottom:5px}article h1{color:#400}article h2{color:#400}article h3{color:#400}article h4{color:#400;filter:contrast(30%)}.app-header p{color:#fff}.app-header-menu{color:#999}.app-container a:hover{color:#63b9b9;transition:none}.tag{font-size:1em;background:0 0;padding-left:2px;padding-right:6px}.post-content a{color:#399}.post-content a:hover{text-decoration:underline}.table-blog-content{border:.5px solid #999;padding:2px;border-collapse:collapse}.table-blog-content thead{color:#fff;background-color:#400;border-bottom:1px solid #999}.table-blog-content thead th{padding-top:10px;padding-left:15px;padding-right:15px;padding-bottom:5px}.table-blog-content tbody tr td{padding-left:15px;padding-right:15px;padding-top:5px;padding-left:15px;padding-bottom:5px;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999}.tag{padding-left:0}code{border:.4px #000 solid;font-size:13px;background-color:#eee;color:#800;padding:1px}