*{margin:0;padding:0;box-sizing:border-box}body{color:#222;font-family:'Open Sans',Arial,Helvetica,sans-serif;line-height:2}a:link,a:active{color:#09f;text-decoration:none}a:hover,a:visited{color:#09f;text-decoration:underline}h1,h2,h3,h4,h5{font-family:'Zilla Slab','Open Sans',X-LocaleSpecific,sans-serif;font-weight:bold;color:#222}h1 a:link,h1 a:visited,h1 a:hover,h1 a:active,h2 a:link,h2 a:visited,h2 a:hover,h2 a:active,h3 a:link,h3 a:visited,h3 a:hover,h3 a:active,h4 a:link,h4 a:visited,h4 a:hover,h4 a:active,h5 a:link,h5 a:visited,h5 a:hover,h5 a:active{color:#222}.header-wide{border-bottom:1px solid #dedede;position:fixed;width:100%;background-color:white}.header-wide h1{padding:0 1.5rem;float:left;line-height:4rem}.header-wide ul{display:inline-block;float:right;padding:0 1rem}.header-wide ul li{display:inline-block;padding:0 1rem}.header-wide ul li a{line-height:4rem}.header-mobile{border-bottom:1px solid #dedede;position:fixed;width:100%;background-color:white}.header-mobile h1{padding:0 1.5rem;line-height:4rem;text-align:center}aside{width:15rem;position:fixed;top:4rem;left:0;bottom:0;border-right:1px solid #dedede;padding:1rem 0}aside h1{font-size:1.2rem;line-height:2.5;padding:0 1.5rem}aside ul li{display:block}aside ul li a{padding:.35rem 1.5rem .35rem 1.5rem;line-height:2.5;display:block}aside ul .separator{height:0;border-bottom:1px solid #dedede}.aside-wide{width:15rem;position:fixed;top:4rem;left:0;bottom:0}.aside-mobile{width:15rem;position:fixed;top:0;bottom:0;left:-16rem;bottom:0;border-right:1px solid #dedede;padding:4rem 0;background-color:white;box-shadow:0 0 1rem #aaa;transition-property:left;transition-duration:0.3s}main{padding:4rem 4rem 4rem 20rem;margin:0 auto}main article h1,main article h2,main article h3,main article h4,main article h5{font-family:'Zilla Slab','Open Sans',X-LocaleSpecific,sans-serif;font-weight:bold}main article h1{font-size:3rem;line-height:2}main article h2{border-top:1px dotted #c1c5c8;font-size:1.8;margin-top:36px;padding-top:36px;font-family:'Zilla Slab','Open Sans',X-LocaleSpecific,sans-serif}main article kbd{display:inline-block;padding:3px 5px;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:1px solid #c6cbd1;border-bottom-color:#c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5}main article pre{padding:16px;overflow:auto;line-height:1.45;background-color:#f6f8fa;border-radius:3px}main article pre>code{background:none;padding:.2em 0}main article code{padding:.2em .4em;margin:0;background-color:rgba(27,31,35,0.05);border-radius:3px}main article ul li{padding:.25rem 0;margin-left:1rem}main article p{margin-bottom:1rem}footer{position:fixed;bottom:0;left:0;right:0;background-color:lightgreen}.open-menu-checkbox{display:inline-block;width:32px;height:32px;position:fixed;left:16px;top:16px;opacity:0;z-index:4;cursor:pointer}.open-menu-bar-container{position:fixed;top:16px;left:16px;width:32px;height:32px;display:inline-block;z-index:2}.open-menu-bar{display:block;width:32px;height:4px;margin:5px 0;background:#444;border-radius:2px;transition-duration:0.3s}.open-menu-bar:nth-of-type(1){transform-origin:3px 50%}.open-menu-bar:nth-of-type(2){transform-origin:0% 100%}.open-menu-bar:nth-of-type(3){transform-origin:3px 50%}.open-menu-checkbox:checked ~ .aside-mobile{left:0}.open-menu-checkbox:checked ~ .open-menu-bar-container>.open-menu-bar:nth-of-type(1){transform:rotate(45deg) translate(3px, -3px)}.open-menu-checkbox:checked ~ .open-menu-bar-container>.open-menu-bar:nth-of-type(2){opacity:0;transform:scale(0.2, 0.2)}.open-menu-checkbox:checked ~ .open-menu-bar-container>.open-menu-bar:nth-of-type(3){transform:rotate(-45deg) translate(3px, 3px)}@media (min-width: 769px){.header-mobile{display:none}.aside-mobile{display:none}.open-menu-checkbox,.open-menu-bar-container{display:none}}@media (max-width: 768px){.header-wide{display:none}.aside-wide{display:none}main{padding:4rem 2rem 2rem 2rem}}