.nav{background:#2c3e50;padding:1.5em .3em;text-align:center;border-bottom:6px solid #e74c3c}.nav-title{margin-top:0;color:#ecf0f1}.nav-container{list-style:none;padding:0;margin:0}.nav-item{display:inline-block}.nav-item:not(:last-child){border-right:2px solid #e74c3c;padding-right:12px;margin-right:5px}.nav-link{text-decoration:none;color:#ecf0f1}.nav-link:hover{color:#3498db}.post-title{margin-bottom:4px}.post-postedOn{font-size:14px;margin-bottom:1em;display:block}.post-date{font-size:12px;color:#e74c3c;font-weight:light}html{background-color:#ecf0f1;font-size:calc( 16px + (8) * (100vw - 320px)/800);margin:0 auto;line-height:1.4;font-family:helveticaneue,helvetica,arial,sans-serif}@media screen and (min-width:820px){html{font-size:21px}}body{margin:0}img{max-width:100%;height:auto}.post-title{color:#2c3e50;font-size:2em}h2:not([class]){color:#e74c3c}h4:not([class]){font-weight:600;margin-bottom:.3em}p:not([class]){margin-top:0}a:not([class]){color:#2980b9;text-decoration:none}a:not([class]):hover{color:#3498db;text-decoration:underline}.body,.footer{padding:0 .7em;margin:auto;max-width:820px}blockquote{color:#ecf0f1;background:#2980b9;margin:1em 0;padding:.5em 1em}blockquote p:last-child{margin-bottom:0}pre{padding:1em}p>code,ul code{padding:.1em .3em}pre,p>code,ul code{color:#ecf0f1;background:#2980b9;overflow-x:scroll;font-size:.7em}