*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:underline;color:#00008b}a:hover,a:focus{text-decoration:underline}.pure-img-responsive{max-width:100%;height:auto}#layout{padding:0}.header{text-align:center;top:auto;margin:3em auto}.sidebar{background:#3d4f5d;color:#fff}.brand-title,.brand-tagline{margin:0}.brand-title{text-transform:uppercase}.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:0 0;border:2px solid #b0cadb;color:#fff;margin-top:1em;letter-spacing:.05em;text-transform:uppercase;font-size:65%}.nav-item a:hover,.nav-item a:focus{border:2px solid #3d92c9;text-decoration:none}.content-subhead{text-transform:uppercase;color:#aaa;border-bottom:1px solid #eee;padding:.4em 0;font-size:80%;font-weight:500;letter-spacing:.1em}.content{padding:2em 1em 0;max-width:50em;line-height:1.4em}.content-unstyled{padding:2em 1em 0;max-width:50em;font-size:75%}.socials{list-style-type:none;padding-left:0}.socials a{color:blue}.page{padding-bottom:2em}.page-title{font-size:2em;color:#222;margin-bottom:.2em}.page-avatar{border-radius:50px;float:right;margin-left:1em}.page-description{font-family:Georgia,cambria,serif;color:#444;line-height:1.8em}.page-meta{color:#999;font-size:90%;margin:0}.page-category{margin:0 .1em;padding:.3em 1em;color:#fff;background:#999;font-size:80%}.page-category-design{background:#5aba59}.page-category-pure{background:#4d85d1}.page-category-yui{background:#8156a7}.page-category-js{background:#df2d4f}.page-images{margin:1em 0}.page-image-meta{margin-top:-3.5em;margin-left:1em;color:#fff;text-shadow:0 1px 1px #333}.post{padding-bottom:2em}.post-title{font-size:2em;color:#222;margin-bottom:.2em}.post-avatar{border-radius:50px;float:right;margin-left:1em}.post-description{font-family:Georgia,cambria,serif;color:#444;line-height:1.8em}.post-meta{color:#666;font-size:90%;margin:0}.photo-exif{color:#666;font-size:70%;margin:0;line-height:1.3em}.post-category{margin:0 .1em;padding:.3em 1em;color:#fff;background:#999;font-size:80%}.post-category-design{background:#5aba59}.post-category-pure{background:#4d85d1}.post-category-yui{background:#8156a7}.post-category-js{background:#df2d4f}.post-images{margin:1em 0}.post-image-meta{margin-top:-3.5em;margin-left:1em;color:#fff;text-shadow:0 1px 1px #333}@media(min-width:48em){.content{padding:2em 3em 0;margin-left:25%}.header{margin:80% 2em 0;text-align:right}.sidebar{position:fixed;top:0;bottom:0}.footer{text-align:center}.nav-item{display:block}}.footer{color:#666;padding:2em 0;font-size:80%}.footer .pure-menu a:hover,.footer .pure-menu a:focus{background:0 0}figcaption{font-style:italic;text-align:center;padding-top:0;padding-bottom:1em}pre{padding:1em;font-size:70%}ul.cloud{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;line-height:2.35rem}ul.cloud a{--size:4;font-size:calc(var(--size) * .25rem + .5rem);display:block;padding:.125rem .25rem;position:relative;text-decoration:none}.list-item-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;width:100%}.list-item-date{font-size:.85em;color:#666;margin-left:15px;display:inline-block}ul.cloud a[data-weight="1"]{--size:1}ul.cloud a[data-weight="2"]{--size:2}ul.cloud a[data-weight="3"]{--size:3}ul.cloud a[data-weight="4"]{--size:4}ul.cloud a[data-weight="5"]{--size:6}ul.cloud a[data-weight="6"]{--size:8}ul.cloud a[data-weight="7"]{--size:10}ul.cloud a[data-weight="8"]{--size:12}ul.cloud a[data-weight="9"]{--size:14}ul[data-show-value] a::after{content:" (" attr(data-weight)")";font-size:1rem}svg{font-family:monospace;font-size:100%;width:65%}