:root{--font-text: 'Roboto', sans-serif;--font-heading: 'Work Sans', sans-serif;--font-code: 'Source Code Pro', monospace;--main-bg-color: coral;--color-link: #336699;--color-text: #556;--color-heading-text: #445;--color-heading-background: #e9ebed;--color-nav-text: #eee;--color-nav-background: #0A215C;--color-nav-active: #284578;--color-anchor-default: #DDD;--color-anchor-hover: #666;--color-code-text: #445;--color-code-background: #f5f9fc}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{margin-bottom:1em;list-style:disc;margin-left:1.5em}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:var(--font-text);font-size:15px;line-height:1.55em;display:flex;flex-direction:column;min-height:100vh}a{color:var(--color-link);text-decoration:none}a:hover{border-bottom:2px solid}@media(min-width:768px){body{display:grid;grid-template:'logo header' 'nav content' 'nav footer';grid-template-columns:200px 1fr;grid-template-rows:min-content auto min-content}}main{flex:1;padding:20px;color:var(--color-text)}.content{grid-area:content;max-width:920px;margin:auto}header{grid-area:header;background:var(--color-heading-background);padding:45px 20px;overflow:hidden}footer{padding:2px;text-align:center;font-size:.7em;color:var(--color-heading-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#445}h1{font-size:25px;font-weight:700;margin:15px 0 10px;position:relative}.description{font-family:work sans,sans-serif;font-size:18px;color:var(--color-text)}.header-link{float:right}h2{margin-top:2em;margin-bottom:1em;font-size:19px;font-weight:700}h3{margin-top:1.5em;margin-bottom:1em;font-size:16px;font-weight:500}p{margin-bottom:1em}nav{grid-area:nav;color:var(--color-nav-text);background-color:var(--color-nav-background);font-family:var(--font-heading);font-weight:500}.menu{}.menu a{color:inherit}.menu a:hover{border-bottom:none}.menu-item{display:block;padding:5px 10px}.submenu .menu-item{padding:5px 20px}.submenu-heading{margin-top:15px}ul.menu{margin-left:0;list-style:none}ul.submenu{margin-left:0;list-style:none;margin-bottom:0}ul.submenu span{padding:5px 10px}ul.menu li{font-weight:400}ul.menu li.active,ul.menu a:hover{background-color:var(--color-nav-active)}.layout--logo{grid-area:logo;background-color:var(--color-nav-background)}.logo{grid-area:logo;color:#eee;margin:15px;text-align:center;display:block}.logo svg{fill:currentColor;max-width:30px}.logo--name{vertical-align:top;height:100%;font-size:30px}.logo:hover{border-bottom:none}code{padding:1px 5px;font-family:var(--font-code);font-weight:500;color:var(--color-code-text);background-color:var(--color-code-background)}strong{font-weight:700}.anchor-link{display:inline-block}.anchor-link:hover{border-bottom:none}.anchor-icon{fill:var(--color-anchor-default);display:inline-block;vertical-align:middle;padding:0 5px;width:14px}.anchor-icon:hover{fill:var(--color-anchor-hover)}@media(min-width:768px){.logo{margin:20px 50px}.logo svg{max-width:none;margin:5px}nav input{display:none}}@media(max-width:767px){.layout--logo{z-index:2}nav{-webkit-user-select:none;user-select:none}.hamburger{position:absolute;top:0;left:0;margin:15px;z-index:3}nav input{display:block;width:70px;height:70px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:4;-webkit-touch-callout:none}.hamburger span{display:block;width:28px;height:4px;margin:5px;position:relative;background:currentColor;border-radius:3px;z-index:1;transform-origin:0 1.5px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}nav input:checked~.hamburger span{opacity:1;transform:rotate(45deg) translate(-2px,-1px)}nav input:checked~.hamburger span:nth-last-child(2){opacity:0;transform:rotate(0deg) scale(.2,.2)}nav input:checked~.hamburger span:nth-last-child(1){transform:rotate(-45deg) translate(0,-1px)}.menu{z-index:1;position:absolute;width:300px;height:100%;margin:-100px 0 0 -50px;padding:150px 0;color:var(--color-heading-text);background-color:var(--color-heading-background);font-family:var(--font-heading);font-weight:500;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%,0);transition:transform .5s cubic-bezier(.77,.2,.05,1)}ul.menu li.active,ul.menu a:hover{background-color:#d3d5d7}nav input:checked~ul{transform:none}}