*{box-sizing:border-box}main{overflow:hidden}.pure-img-responsive{max-width:100%;height:auto}#layout{padding:0}.content{overflow-y:scroll;max-height:100vh}.sidebar{background:rgb(61,79,93);color:#fff}.header{text-align:center;top:auto;margin:3em auto}.brand-title,.brand-tagline{margin:0}.brand-title{text-transform:uppercase;margin:.5em 0}.brand-tagline{font-weight:300;color:#b0cadb}.nav-list{margin:0;padding:0;list-style:none}.nav-item{display:inline-block;zoom:1}.nav-item a{background:transparent;border:2px solid rgb(176,202,219);color:#fff;margin-top:1em;letter-spacing:.05em;text-transform:uppercase;font-size:85%}.nav-item a:hover,.nav-item a:focus{border:2px solid rgb(61,146,201);text-decoration:none}.hero-img{background:hsl(206deg 11% 35%)}.welcome{padding:.25em 2em;color:#e3e8ed;background:hsl(42deg 100% 30%);font-size:larger}.post{border:solid thin transparent;padding:1.5em}.post-title{font-size:2em;color:#222;margin-bottom:.2em}.post-description{font-family:Georgia,Cambria,serif;color:#444;line-height:1.8em}.post-category{margin:0 .1em;padding:.3em .5em;color:#fff;background:#999;font-size:60%}.post-category-performance{background:#4d85d1}.post-category-pwa{background:#60417b}.post-category-js{background:#454f77}.post-category-css{background:#45774e}.post-images{margin:1em 0}.post-image-meta{margin-top:-3.5em;margin-left:1em;color:#fff;text-shadow:0 1px 1px #333}.post:hover{border:solid thin rgb(213,159,44);background-color:#fcecc5}a{text-decoration:none;color:#d59f2c}a:hover,a:focus{text-decoration:underline}h3{font-weight:100}li{line-height:1.5em}@media (min-width: 48em){.header{margin:80% 2em 0;text-align:right}}