body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; } li { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } abbr,acronym { border: 0; font-variant: normal; } input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; } a { text-decoration: none; color: inherit; }

html {

background-color: #f5f5f5;
color: #151515;

}

body {

font-family: Helvetica, Arial, sans-serif;

}

code {

font-size: 14px;
background: #fbfbfb;
color: #202020;
padding: 2px 5px;
border-radius: 5px;

}

h1 code, h2 code, h3 code { font-size: 1em; }

a:link {

text-decoration: none;
color: #6a9fb5;

} a:visited {

color: #aa759f;

} a:hover {

text-decoration: underline;

}

ol, ul {

margin-left: 2em;

} ol li {

list-style: decimal;

} ul li {

list-style: disc;

}

strong { font-weight: bold } em { font-style: italic }

h1 {

font-size: 23px;
font-weight: 500;
line-height: 23px;

}

h2 {

font-size: 20px;
font-weight: 500;
line-height: 20px;
border-bottom: 1px dotted #d0d0d0;
padding-bottom: .25em;
margin-bottom: .75em;

}

h3 {

font-size: 17px;
font-weight: 500;
line-height: 23px;

}

p {

margin: 1em 0;
font-size: 16px;
font-weight: 400;
line-height: 24px;

}

pre {

font-size: 14px;
font-weight: 400;
line-height: 24px;

}

blockquote {

font-size: 17px;
font-weight: 400;
line-height: 23px;

}

.section img {

max-width: 100%;

}

.toc {

margin-bottom: 2em;
line-height: 1.4em;

} table-of-contents {

font-size: 1.1em;

} table-of-contents > li {

margin-bottom: 1em;

} table-of-contents > li > a {

font-weight: bold;

} .toc p {

padding: 0;

}

dd {

margin: 0 0 1em 2em;

}

main {

width: 700px;
margin-left: 250px;

}

content {

padding: 32px;

}

sidebar {

background: #202020;
color: #e0e0e0;
width: 250px;
height: 100%;
overflow: auto;
position: fixed;
left: 0;
top: 0;
bottom: 0;

} sidebar h2 {

padding: 0;
border: none;

} sidebar h2 a {

padding: .5em;
color: #f5f5f5;
background: #151515;
display: block;
font-weight: bold;

} sidebar h2 a:hover {

text-decoration: none;
background: #303030;

} sidebar .toc {

font-size: 1em;
margin: 0;
padding: 0;

} sidebar .toc ol {

margin: 0;
padding: 0 0 0 1em;

} sidebar .toc li {

list-style-type: none;

} sidebar .toc a {

padding: .5em 1em;
display: block;
color: #e0e0e0;

} sidebar .toc a:hover {

color: #f5f5f5;
background: #505050;
text-decoration: none;

} sidebar .toc code {

background: #151515;
color: #f5f5f5;

} sidebar .toc li ol {

display: none;

} sidebar .toc li.active ol {

display: block;

} sidebar .toc li.current > a {

background: #303030;

}

.search {

width: 200px;
position: fixed;
top: 2em;
right: 2em;
opacity: .5;

} div.search:hover {

opacity: 1;

} .search search {

width: 186px;
padding: 5px;
border: 2px solid #e0e0e0;

} .search .search-results {

margin: 0;
border: 2px solid #e0e0e0;
border-top: 0;
display: none;
background: #fff;

} .search .search-results li {

list-style: none;
padding: 5px;

} .search .search-results .parent {

font-size: 12px;
font-style: italic;
color: #505050;

} .search .search-results .parent a {

color: #202020;

} .search .search-results .tag {

font-style: italic;
color: #505050;

}

.section .section {

margin: 1em 0;
padding: 1em 0;
border-bottom: .1em dotted #151515;

} .section .section .section {

margin: 0;
border: none;

}

.definition {

margin: 2em 0;
padding: 2em 0 0;
border-top: .1em dotted #d0d0d0;

} .definition .thumb pre {

background: #e0e0e0;
padding: .6em .75em;
margin-bottom: 1em;

}

.verbatim, .interaction {

margin: 0 1em 1em;

}

.highlight {

background: #fbfbfb;
padding: 1em;
margin: 0 1em;

}

.highlight .verbatim {

margin: 0;

}

.interaction pre {

overflow-x: auto;

}

pre a:link, pre a:visited, code a:link, code a:visited {

color: inherit;
text-decoration: none;
border-bottom: .1em solid #d0d0d0;

} pre a:hover, code a:hover {

border-bottom-color: #303030;

}

blockquote {

margin-left: 2em;

}

table p {

margin: .5em 0;

} table th, table td {

padding: 0 .5em;

}

.margin-note {

width: 13em;
float: right;
margin-top: -1.5em;
margin-right: -15em;
padding: .5em;
color: #b0b0b0;

}

.centered {

text-align: center;

} .smaller {

font-size: 82%;

} .larger {

font-size: 122%;

}

.interaction .error:before {

content: "error: ";

} .interaction .error {

font-style: italic;
color: red;

} .interaction .caret {

font-weight: bold;
color: #d0d0d0;

}

.error-output {

display: block;
font-style: italic;
background: #fee;
color: #a33;

}

.annotated content {

position: static;
padding: 0;

} .annotated sidebar {

z-index: 1;
background: rgba(255, 255, 255, .5);

} .annotated-source {

width: 100%;

} .annotated-source thead h1 {

line-height: 1em;
margin: 1.2em 0 .39em 0;
font-weight: bold;

} .annotated-source .prose {

background: #fff;
width: 30em;
max-width: 30em;
min-width: 30em;
padding: 1em 2em 0 3.5em;
overflow-x: auto;
vertical-align: top;
text-align: left;

} .annotated-source .prose code, .annotated-source .prose pre {

background: #f8f8ff;
border: .1em solid #dedede;
padding: 0 0.2em;
overflow-x: auto;

} .annotated-source .code {

background: #f5f5ff;
border-left: .1em solid #e5e5e5;
padding: 1.1em 2em 0em 1.5em;
vertical-align: top;

}

.slides {

overflow: hidden;
background: #f0f0f0;

} .slides main {

margin: 0;
padding: 0;
position: relative;
background: #f0f0f0;
height: 100%;
width: auto;
overflow: hidden;

} .slides > .search {

display: none;

} .slides content .section > .section-header {

display: none;

} .slides content .section > p {

display: none;

} .slides sidebar {

display: none;

} .slide {

width: 824px;
height: 568px;
margin: 0 auto;
padding: 100px;
border: 0;
position: absolute;
left: 50%;
top: 50%;
margin: -384px 0 0 -512px;
background: #fff;

} .slide h2 {

font-size: 5em;
line-height: 1em;
text-align: center;
margin: 0 0 1em;

} .slide h2 .continue {

font-size: .5em;
color: #bbb;
position: absolute;
top: -3.75em;
right: 1em;

} .slide p {

font-size: 2em;
line-height: 1.4em;

} .slide .body pre, .slide .body code {

font-size: 24px;
line-height: 1.4em;

} .slide .body > ul {

margin-bottom: 1em;

} .slide ul li {

list-style: disc;
font-size: 30px;

} .slide li p {

font-size: 1em;
margin: 0;
padding-bottom: .5em;

} .slide.title, .slide.title-only {

display: table;
width: 1024px;
height: 768px;
padding: 0;

} .slide.title .body, .slide.title-only h1 {

display: table-cell;
vertical-align: middle;

} .slide.title h1 {

text-align: center;
font-size: 5em;
margin-bottom: 0;

} .slide.title p {

width: 512px;
margin: 0 auto;
line-height: 1.4em;
text-align: center;
padding-bottom: 1em;

} .slide.title-only h1 {

text-align: center;
font-size: 5em;

}