body{margin:0}*,*:before,*:after{box-sizing:border-box}.content>header p{margin:0}main h1,main h2,main h3,main p{margin-top:0}.content{display:grid;grid-template-areas:"header" "nav" "main" "footer";grid-template-columns:1fr;grid-template-rows:50px 20px 1fr 120px;grid-row-gap:16px;height:100%;margin:0 auto;width:98%}.header{grid-area:header}.nav{grid-area:nav}.footer{grid-area:footer}.image{grid-area:image}.about{grid-area:about}.other{grid-area:other}.desc{grid-area:desc}.items{grid-area:items}.video{grid-area:video}.summary{grid-area:summary}.transcript{grid-area:transcript}.title{grid-area:title}footer{text-align:center}.main,.list,.videos,.tutorials{grid-area:main;display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-rows:1fr}.main{grid-template-areas:"image" "about" "other"}.list{grid-template-areas:"desc" "items"}.videos{grid-template-areas:"title" "video" "summary" "transcript"}.tutorials{grid-template-areas:"title" "transcript"}.items article{margin:.25em;padding:.25em}.image{text-align:center}.cta{margin:2em 0;display:block;width:100%}figure{text-align:center}figure img{max-width:100%;height:auto}@media screen and (min-width:780px){.main{grid-template-areas:"image about" "other other";grid-template-columns:400px 1fr}.videos{grid-template-areas:"title title" "video summary" "transcript transcript";grid-template-columns:600px 1fr}.image{padding-right:1em}}@media screen and (min-width:1100px){.content{width:70%;grid-template-rows:70px 28px 1fr 80px}.items{flex-wrap:wrap;display:flex}.items article{flex:0 1 1;width:32%}.items article img{max-width:100%;height:auto}}nav>.menuitems{display:flex}nav>.menuitems a{flex:auto;text-align:center;color:#fff;margin-top:2px;text-decoration:none}nav a:visited{color:#fff}.bg{color:#d8dee9;background-color:#2e3440}.chroma{color:#d8dee9;background-color:#2e3440}.chroma .err{color:#bf616a}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#ffc}.chroma .lnt{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#6c6f74}.chroma .ln{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#6c6f74}.chroma .line{display:flex}.chroma .k{color:#81a1c1;font-weight:700}.chroma .kc{color:#81a1c1;font-weight:700}.chroma .kd{color:#81a1c1;font-weight:700}.chroma .kn{color:#81a1c1;font-weight:700}.chroma .kp{color:#81a1c1}.chroma .kr{color:#81a1c1;font-weight:700}.chroma .kt{color:#81a1c1}.chroma .na{color:#8fbcbb}.chroma .nb{color:#81a1c1}.chroma .nc{color:#8fbcbb}.chroma .no{color:#8fbcbb}.chroma .nd{color:#d08770}.chroma .ni{color:#d08770}.chroma .ne{color:#bf616a}.chroma .nf{color:#88c0d0}.chroma .nl{color:#8fbcbb}.chroma .nn{color:#8fbcbb}.chroma .nt{color:#81a1c1}.chroma .s{color:#a3be8c}.chroma .sa{color:#a3be8c}.chroma .sb{color:#a3be8c}.chroma .sc{color:#a3be8c}.chroma .dl{color:#a3be8c}.chroma .sd{color:#616e87}.chroma .s2{color:#a3be8c}.chroma .se{color:#ebcb8b}.chroma .sh{color:#a3be8c}.chroma .si{color:#a3be8c}.chroma .sx{color:#a3be8c}.chroma .sr{color:#ebcb8b}.chroma .s1{color:#a3be8c}.chroma .ss{color:#a3be8c}.chroma .m{color:#b48ead}.chroma .mb{color:#b48ead}.chroma .mf{color:#b48ead}.chroma .mh{color:#b48ead}.chroma .mi{color:#b48ead}.chroma .il{color:#b48ead}.chroma .mo{color:#b48ead}.chroma .o{color:#81a1c1}.chroma .ow{color:#81a1c1;font-weight:700}.chroma .p{color:#eceff4}.chroma .c{color:#616e87;font-style:italic}.chroma .ch{color:#616e87;font-style:italic}.chroma .cm{color:#616e87;font-style:italic}.chroma .c1{color:#616e87;font-style:italic}.chroma .cs{color:#616e87;font-style:italic}.chroma .cp{color:#5e81ac;font-style:italic}.chroma .cpf{color:#5e81ac;font-style:italic}.chroma .gd{color:#bf616a}.chroma .ge{font-style:italic}.chroma .gr{color:#bf616a}.chroma .gh{color:#88c0d0;font-weight:700}.chroma .gi{color:#a3be8c}.chroma .gp{color:#4c566a;font-weight:700}.chroma .gs{font-weight:700}.chroma .gu{color:#88c0d0;font-weight:700}.chroma .gt{color:#bf616a}html{font-size:14px}main{line-height:1.5}body{font-family:Arial;color:#666}div.title,h1,h2,h3{color:#008c71}div.title{font-weight:bolder;font-size:22px}div.title a{text-decoration:none}h1{font-size:22px}a{color:#00725c}a:visited{color:#39ac95}.content>nav,.content>footer{background-color:#008c71;color:#fff}.embed{width:100%;height:auto}.cover,.cover-small{border:1px solid #ddd;box-shadow:3px 3px 3px #ddd}.cover{width:90%;height:auto;transform:rotate(-3.5deg)}.items article{border:1px solid #ddd;box-shadow:5px 5px 5px #ddd}.button{background-color:#008c71;border:2px solid #00796a;color:#eee;font-size:16px;text-decoration:none;padding:10px}.button:visited{color:#fff}.notice{border-style:solid;border-width:0 0 0 5px;box-shadow:0 1px 2px #ddd;color:#193c47;margin-bottom:1em;padding:.5rem}.notice .notice-heading{font-size:.9em;font-weight:bolder;text-transform:uppercase;margin-bottom:1em}.notice.note{background-color:#fdfdfe;border-color:#d4d5d8;color:#474748}.notice.note a{color:#474748;text-decoration-color:#d4d5d8}.notice.tip{background-color:#e6f6e6;border-color:#009400;color:#003100}.notice.tip code{background-color:rgba(0,164,0,.15)}.notice.tip a{color:#003100;text-decoration-color:#009400}.notice.info{background-color:#eef9fd;border-color:#4cb3d4;color:#193c47}.notice.info code{background-color:rgba(84,199,236,.15)}.notice.info a{color:#193c47;text-decoration-color:#4cb3d4}.notice.caution{background-color:#fff8e6;border-color:#e6a700;color:#4d3800}.notice.caution code{background-color:rgba(255,186,0,.15)}.notice.caution a{color:#4d3800;text-decoration-color:#e6a700}.notice.warning{background-color:#ffebec;border-color:#e13238;color:#4b1113}.notice.warning code{background-color:rgba(250,56,62,.15)}.notice.warning a{color:#4b1113;text-decoration-color:#4b1113}pre{height:auto;padding:.25em;box-shadow:3px 3px 3px #ddd;background-color:#ddd;border:1px solid #ccc;color:#333;white-space:pre-wrap;word-break:break-word}.tags>a{display:inline-block;padding:0 .25em;border:1px solid #8cffe9;background-color:#f2fffc;text-decoration:none}footer.footer p{font-size:12pt;margin-bottom:0}p code,li code{display:inline-block;padding:0 .25em;background-color:#e2fbf6}.highlight pre{padding:.5rem}.command code>span::before{color:#00f2c3;content:"$ "}.highlight .copy-btn{float:right;cursor:pointer}@media screen and (min-width:780px){html{font-size:16px}.cover-small{float:left;margin-right:1em}.embed{width:560px;height:315px}.buy{font-size:32px;padding:10px}}@media screen and (min-width:1100px){html{font-size:22px}html .highlight button{font-size:22px}div.title,h1{font-size:42px}}