*{box-sizing:border-box}body{background-color:#282C34;color:#E0E0E0;margin:0;padding:20px}body,h1,h2,h3,h4,h5,h6{font-family:Menlo,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{margin-top:1.5em;margin-bottom:.8em;line-height:1.2}h1{font-size:2.2em;font-weight:700}h1,h2{color:#ABB2BF}h2{font-size:1.8em}h3{color:#4A7C9B;font-size:1.4em;line-height:1.6em}h4,h5,h6{color:#E0E0E0;font-size:1.1em}p{line-height:1.6;margin-bottom:1em}a{color:#61AFEF;text-decoration:none}a:hover{text-decoration:underline}pre{background-color:#1e2227;border:1px solid #3e4451;border-radius:4px;padding:14px;overflow-x:auto;font-size:13px;color:#abb2bf}code{font-family:Menlo,Consolas,monospace}:not(pre)>code{background-color:#323842;padding:2px 5px;border-radius:3px;font-size:.9em;color:#e5c07b}input[type=password],input[type=text]{background-color:#323842;color:#ABB2BF;border:1px solid #4b5263;padding:8px 12px;width:100%;font-family:inherit;font-size:14px}input[type=password]:focus,input[type=text]:focus{outline:none;border-color:#61AFEF}.container{max-width:1100px;margin:0 auto}header{border-bottom:1px solid #4b5263;margin-bottom:30px;padding-bottom:16px;text-align:center}nav a{color:#61AFEF;margin:0 15px;font-size:16px}nav a.active,nav a:hover{color:#C678DD;text-decoration:none}.date{color:#C678DD}.read-time{color:#98C379}.article-tag{display:inline-block;background-color:#4B5263;color:#ABB2BF;padding:2px 6px;font-size:.85em;border-radius:3px;margin-right:5px}.article-list{list-style:none;padding:0;margin:0}.article-card{padding:16px;margin-bottom:12px;border-radius:5px;background-color:transparent;transition:background-color .15s ease-in-out}.article-card:hover{background-color:#323842}.article-meta{margin-top:6px;font-size:.9em;display:block}img{max-width:100%;height:auto;border-radius:4px}