*{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{padding:.3em .5em;color:#797979;background:white;border-radius:3px;border:solid 1px #777;font-size:60%;margin:0 .1em 0 .5em}.post-category-byu{color:#eee;background:#1979ff}.post-category-performance{color:#eee;background:#4d85d1}.post-category-pwa{color:#eee;background:#60417b}.post-category-js{color:#eee;background:#454f77}.post-category-css{color:#eee;background:#45774e}.post-category-security{color:#eee;background:#b04629}.post-category-design{color:#eee;background:#90b029}.post-category-learning{color:#666;background:#ffffb6}.post-category-software-engineering{color:#eee;background:#614d75}.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}}