html,body{margin:0;padding:0;font-family:Verdana;background-image:url("../images/dust_scratches.png")}@media screen and (min-width: 800px){html,body{font-size:110%}}@media screen and (min-width: 1600px){html,body{font-size:120%}}@media screen and (min-width: 2000px){html,body{font-size:140%}}.container{width:100%;margin-left:auto;margin-right:auto}@media screen and (min-width: 500px){.container{width:80%}}@media screen and (min-width: 800px){.container{width:66%}}pre.code{margin:2em 0em;border-top:2px solid #aca;border-bottom:2px solid #aca;background-color:#efe;position:relative}@media screen and (min-width: 500px){pre.code{border-radius:0.5em;border:2px solid #aca}}pre.code.collapsed .pre-content{display:none}pre.code.collapsed .pre-title{position:static}pre.code.collapsed .pre-title:before{display:inline;opacity:0.25;content:">>";margin-right:0.5em}pre.code.collapsed .pre-title:after{display:inline;opacity:0.25;content:"(click to expand)";margin-left:0.5em}pre.code .pre-content{padding:1.5em;overflow-x:auto;overflow-y:visible}pre.code .pre-title{position:absolute;top:-1em;right:1.5em;background-color:#f7fff7;padding:0.25em 0.5em;border:2px solid #aca;border-radius:0.25em;cursor:pointer}pre.code.pseudo,pre.code.yml{background-color:#ffe;border-color:#cca}pre.code.pseudo .pre-title,pre.code.yml .pre-title{background-color:#eed;border-color:#cca}pre.code .k{font-weight:bold;color:#7D213C}pre.code .na{color:#777}pre.code .nv{color:#A82E54}pre.code .mi,pre.code .mf{color:#598C98}pre.code .o,pre.code .p,pre.code .pi{color:#aaa}pre.code .s2,pre.code .s,pre.code .no{font-weight:bold;color:#445F83}pre.code .c1{color:#6E94A5}a,a:visited{color:#00f}code{font-size:120%;background-color:#ddd;padding:0.1em 0.25em;border-radius:0.25em}img.small{display:block;max-width:60%;width:auto;height:auto;margin:2em auto}@media screen and (min-width: 800px){img.small{width:40%}}img.medium{display:block;max-width:90%;width:auto;height:auto;margin:2em auto}@media screen and (min-width: 800px){img.medium{width:60%}}img.full{max-width:100%;width:auto;height:auto;margin:2em 0;border-radius:1em}img.full.tight{margin:0}.banner{margin:0 0 2em 0;padding:0}.banner img{max-width:100%;width:auto;height:auto}@media screen and (min-width: 500px){.banner img{border-bottom-left-radius:1em;border-bottom-right-radius:1em}}img.pop{border-radius:1em;box-shadow:4px 4px 4px rgba(0,0,0,0.5)}h1{border-bottom:3px double #777;padding:1em 0px 0.25em 1rem;counter-reset:h2;font-size:125%}@media screen and (min-width: 800px){h1{padding-left:3rem;font-size:160%}}h1::before{display:block;content:"Bonus chapter";font-size:60%;font-weight:normal;font-style:italic;opacity:0.5;margin-bottom:0.25em}h2{margin-top:2em;border-top:2px solid #777;border-bottom:1px solid #777;padding:0.25em 0px 0.25em 1rem;font-size:115%;counter-reset:h3}h2::before{counter-increment:h2;content:counter(h2) ".";margin-right:0.5em;opacity:0.4}@media screen and (min-width: 800px){h2{padding-left:3rem;font-size:125%}}h3{margin-top:2em;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;padding:0.25em 0px 0.25em 1rem;font-size:100%;counter-reset:h4}h3::before{counter-increment:h3;content:counter(h2) "." counter(h3);margin-right:0.5em;opacity:0.4}@media screen and (min-width: 800px){h3{padding-left:3rem;font-size:115%}}h4{margin-top:2em;padding:0.25em 0px 0.25em 1rem;font-size:100%}h4::before{counter-increment:h4;content:counter(h2) "." counter(h3) "." counter(h4);margin-right:0.5em;opacity:0.4}@media screen and (min-width: 800px){h4{padding-left:3rem;font-size:100%}}p{line-height:1.5625em;margin-left:1em;margin-right:1em}@media screen and (min-width: 800px){p{margin-left:3em;margin-right:3em}}.intro{font-style:italic;font-size:90%;margin:2em 15%;border-radius:0.5em}.intro li p{margin-left:0}.thanks{font-style:italic;margin:2em 0;padding:0px 2em;border-top:2px dashed #ddb;border-bottom:2px dashed #ddb;background-color:#ffe;font-size:80%}.thanks p{margin-left:0;margin-right:0}.thanks img.cover{display:block;border:1px solid #ccc;transform:rotate(5deg);max-width:50%;width:auto;height:auto;margin:2em auto;box-shadow:4px 4px 4px rgba(0,0,0,0.5)}@media screen and (min-width: 800px){.thanks img.cover{max-width:25%;float:right;margin:1em 2em}}@media screen and (min-width: 500px){.thanks{margin:2em 15%;border-radius:1em;border:2px dashed #ddb}}li{margin-bottom:0.5em;line-height:1.5625em;margin-left:1em;margin-right:1em}@media screen and (min-width: 800px){li{margin-left:3em;margin-right:3em}}figure{margin:2em auto;border:1px solid #ccc;border-radius:0.5em;box-shadow:4px 4px 4px rgba(0,0,0,0.5);padding:1em;padding-bottom:0.5em;background-color:white;text-align:center;overflow:hidden}figure.tiny{max-width:75%;width:auto;height:auto}@media screen and (min-width: 500px){figure.tiny{max-width:50%}}@media screen and (min-width: 800px){figure.tiny{max-width:25%}}figure.small{max-width:75%;width:auto;height:auto}@media screen and (min-width: 800px){figure.small{max-width:40%}}figure.medium{max-width:85%;width:auto;height:auto}@media screen and (min-width: 800px){figure.medium{max-width:75%}}figure img{max-width:100%;width:auto;height:auto;border-radius:0.5em}figure figcaption{text-align:center;font-style:italic;margin-top:0.25em;font-size:90%;white-space:nowrap}figure figcaption.dark{margin-top:1em;margin-left:-1.1em;margin-right:-1.1em;margin-bottom:-0.6em;background-color:#ccc;padding:0.25em}.figure-slides{margin:2em 0;text-align:center}@media screen and (min-width: 800px){.figure-slides figure{display:inline-block;margin:0.5em}}.missing{border-top:2px dashed red;border-bottom:2px dashed red;background-color:#fee;text-align:center;color:red;margin-left:0;margin-right:0;padding:1em}.missing::before{content:'[MISSING] ';font-weight:bold;opacity:0.25;display:block}@media screen and (min-width: 500px){.missing{border:2px dashed red;border-radius:1em}}.pending{border-top:2px dashed #aa0;border-bottom:2px dashed #aa0;background-color:#ffa;text-align:center;color:#aa0;margin-left:0;margin-right:0;padding:1em}.pending::before{content:'[PENDING] ';font-weight:bold;opacity:0.25;display:block}@media screen and (min-width: 500px){.pending{border:2px dashed #aa0;border-radius:1em}}.aside{font-size:75%;margin:1em;border:4px solid #ccc;border-radius:1em;background-color:white;position:relative;padding:0.2em 1em 0 1em;margin-left:1.5em;margin-right:1.5em}.aside:after{display:block;position:absolute;top:-1.1em;background:white;border:1px solid #ccc;border-radius:0.25em;padding:0.2em 1em;content:"hi"}@media screen and (min-width: 800px){.aside{margin-left:4em;margin-right:4em}}.aside p{margin-left:0;margin-right:0}.aside.note{border-color:#7b7}.aside.note:after{content:"Note:";font-weight:bold;border-color:#7b7;background-color:#efe}
