html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}html{font-size:14.5px}@media screen and (min-width:568px){html{font-size:15.4px}}@media screen and (min-width:740px){html{font-size:16.5px}}body{margin:0;padding:0;padding-top:47px;padding-bottom:100%;padding-bottom:100vh}#p5-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}canvas{display:block}canvas:focus{outline:0}.container{max-width:672px;margin:0 auto}@media screen and (min-width:740px){.container{margin:0 auto}}.header{color:#fff;background:#555;padding:1em 1.25em}@media screen and (min-width:740px){.header{padding:1.5em 2em}}.header-heading{margin:0}.nav-bar{line-height:150%;padding:0 .6em}@media screen and (min-width:740px){.nav-bar{padding:0 1em .4em}}@media screen and (min-width:992px){.nav-bar{padding-bottom:1em}}@media screen and (min-width:992px){.nav-bar .container{max-width:100%}}.nav-position{padding:0}@media screen and (min-width:740px){.nav-position{padding:0 2em}}@media screen and (min-width:992px){.nav-position{padding:0 2em}}.nav-position .container{padding:0 1.5rem}@media screen and (min-width:740px){.nav-position .container{padding:0}}@media screen and (min-width:992px){.nav-position .container{max-width:48em}}.footer{padding:1em 1.25em 2em}@media screen and (min-width:740px){.footer{padding-left:2em;padding-right:2em}}.footer .container{margin-top:0;padding-top:1em}@media screen and (min-width:992px){.footer .container{padding-top:0}}.footer .container div{font-size:.75em}#progress-bar,.progress-bar{height:3px;padding-left:0;padding-right:0;width:100%;max-width:848px;margin:0 auto;background-color:#c0d0f2}@media screen and (min-width:568px){#progress-bar,.progress-bar{height:4px}}@media screen and (min-width:768px){#progress-bar,.progress-bar{height:5px}}.progress-bar:empty{background-color:#fff}#progress-perc,.progress-perc{height:100%;background-color:#90a7d5}.content .container{background-color:#fff;padding:2.95rem 0 3.6875rem;width:100%;max-width:848px}@media screen and (min-width:568px){.content .container{padding-top:3.45rem;padding-bottom:4.14rem}}@media screen and (min-width:740px){.content .container{padding-top:3.4rem;padding-bottom:4.08rem}}@media screen and (min-width:992px){.content .container{padding-top:3.6rem;padding-bottom:5.175rem}}.content .container>*{max-width:672px;box-sizing:border-box;margin-left:6.25%;margin-right:6.25%}@media screen and (min-width:768px){.content .container>*{margin-left:auto;margin-right:auto}}.content .container>:first-child{margin-top:0}.content .container>:last-child{margin-bottom:0}.content .container.bottom-links{background-color:hsla(0,0%,100%,.5);padding-top:1em;padding-bottom:1em}body{color:#000;background-color:#fff;font-family:Roboto,sans-serif;font-weight:300}@media screen and (min-width:568px){body{line-height:1.2em}}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;color:#000}h1{font-size:1.62069rem;margin:.85em 0 1.75em -.05em;letter-spacing:-.015em}@media screen and (min-width:568px){h1{font-size:1.68831rem;margin-bottom:1.85em}}@media screen and (min-width:740px){h1{font-size:1.81818rem;margin:.45em 0 1.75em -.05em;margin-top:.15em}}@media screen and (min-width:992px){h1{font-size:1.939395rem;margin-top:-.1em}}h2{font-size:1.55em;margin:1.6em 0 .77em -.05em}h3{font-size:1.125em;margin:1.4em 0 1.25em -.05em}h4{font-size:1em;margin:1.25em 0 1.25em -.05em}h5{font-size:.875em;margin:1.25em 0 .6em -.05em}h6{font-size:1em;font-weight:300;background-color:#fffce0;display:inline;padding:0 .25em;margin:0 -.25em;line-height:1.5em}h6+h6:before{content:"\A";white-space:pre}p{margin:0 0 1.25rem;line-height:1.5}strong{font-weight:500}:not(a)>strong{color:#000004}img{display:inline-block;height:1.33em;vertical-align:text-bottom;margin:0}img.inline-full-width{max-width:100%;display:block;height:auto;margin:0}img.border{border:1px solid #bbbec4;box-sizing:border-box}ol,ul{margin-bottom:1.4em}ul{padding-left:1.4em}ol{padding-left:1.7em}ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}li{margin:.65em 0 -.2em;line-height:1.45}li>p{margin-top:0;margin-bottom:0;line-height:1em}li:empty{display:none}.content ul{list-style-type:none;padding-left:1.3em;text-indent:-1.15em}.content ul li:before{content:"\2013\00a0\00a0"}ol.figure-numbers{margin-top:0;padding-left:1.8em;list-style-type:none}ol.figure-numbers li{counter-increment:a;text-indent:-2em}ol.figure-numbers li:before{content:counter(a);margin-right:.6em;font-weight:500;background-color:#ff0;padding:1px 7px;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.5)}ul.figure-colors{margin-top:0;margin-bottom:1.85em;padding-left:1.6em;list-style-type:none}ul.figure-colors li{text-indent:-1.45em}ul.figure-colors li *{text-indent:0}ul.figure-colors li:before{content:" ";margin-right:.6em;background-color:#eee;padding:0 7px;box-shadow:1px 1px 2px rgba(0,0,0,.5)}ul.figure-colors li:first-child::before{background-color:#ff8}ul.figure-colors li:nth-child(2):before{background-color:#bff}ul.figure-colors li:nth-child(3):before{background-color:#fce0ff}ul.figure-colors li:nth-child(4):before{background-color:#ffebd6}ul.figure-colors li:nth-child(5):before{background-color:#bfc}ul.figure-colors li:nth-child(6):before{background-color:#d6deff}blockquote{padding:0 1em;margin:2em 0;border-left:5px solid #d0d0d6}hr{height:0;margin-top:2.1rem;margin-bottom:2.1rem;border:0;border-top:1px solid #d0d0d6}hr+pre,pre+hr{margin-top:2.5em}table{background-color:transparent;border-spacing:0;border-collapse:collapse;margin:1.8rem 0 2.25em;width:100%}tbody{border-bottom:1px solid #d0d0d6}td,th{padding:.5em .75em .5em 0;vertical-align:top;text-align:left;border-top:1px solid #d0d0d6}th{font-weight:500;color:#000}td:last-child,th:last-child{padding-right:0}th:empty{display:none}a{text-decoration:none;overflow-wrap:break-word}a,a:active,a:focus,a:hover,a:link,a:visited{color:#a32900}a:hover{text-decoration:underline}li a,li a:active,li a:focus,li a:hover,li a:link,li a:visited{color:#000}li>a:hover{color:#a32900}a[download]{padding-left:2px;padding-right:20px;background-image:url(../img/ui-ico-download.svg);background-repeat:no-repeat;background-position:100%}::-moz-selection{background:#d8e9fd}::selection{background:#d8e9fd}.guide-description{color:#369}p.contiguous,p.contiguous-or{margin-bottom:-1.15em}p.contiguous-or{margin-top:-1.15em}.continues,.continues-below{margin-bottom:-1.15em!important}.continues,.continues-prev{margin-top:-1.15em!important}.heading{padding:0;margin-left:0;margin-right:0;margin-bottom:2.1em}.ace_editor{font-family:Inconsolata,monospace}body.slide-cover>.content{display:flex;align-items:center;justify-content:center;z-index:-1}body.slide-cover>.content .container{padding-top:2.65rem;padding-bottom:2.75rem}@media screen and (min-width:568px){body.slide-cover>.content .container{padding-top:3.35rem;padding-bottom:3.55rem}}@media screen and (min-width:740px){body.slide-cover>.content .container{padding-top:3.15rem;padding-bottom:3.45rem}}@media screen and (min-width:992px){body.slide-cover>.content .container{padding-top:4.25rem;padding-bottom:4.65rem}}body.slide-cover h1{font-size:2em;margin-top:1.6rem;margin-bottom:1.9rem;text-align:center}@media screen and (min-width:568px){body.slide-cover h1{margin-top:2.3rem;margin-bottom:2.8rem}}@media screen and (min-width:992px){body.slide-cover h1{margin-top:3.25rem;margin-bottom:3.85rem}}code,kbd,samp,tt{font-family:Inconsolata,monospace;font-weight:400;font-size:14px}@media screen and (min-width:568px){code,kbd,samp,tt{font-size:15px}}@media screen and (min-width:740px){code,kbd,samp,tt{font-size:16.5px}}p code:before{content:"";padding-left:.15em}p code:after{content:"";padding-right:.1em}.home-type h1{margin-top:0;margin-bottom:.6em}.heading h1{margin-bottom:.3em}img[alt^=inline]{margin:0;display:inline-block;vertical-align:middle}p:first-child img{margin-top:.1em}p{word-spacing:1px}strong>code{font-weight:700}.code-citation,.code-syntax-citation,.code-title,code.language-p5js-run{display:none}.code-citation+pre{margin-bottom:.5em;padding:0 0 0 .66em;border-left:5px solid #ecebe9}.code-citation+pre,.code-syntax-citation+pre{margin-top:1.5em;background-color:transparent}.code-syntax-citation+pre{margin-bottom:.25em;padding:0}.code-syntax-citation+pre>code{font-size:1rem;background-color:#f6f5f3;padding:.125em .66em!important;display:inline-block}.code-syntax-citation+pre mark{padding:.1em 0 .15em;display:inline-block}.container>.code-citation+pre.language-p5js,.container>.code-syntax-citation+pre.language-p5js{margin-left:6.25%;margin-right:6.25%}@media screen and (min-width:768px){.container>.code-citation+pre.language-p5js,.container>.code-syntax-citation+pre.language-p5js{margin-left:auto;margin-right:auto}}.code-title+pre{margin-top:0;margin-bottom:0;padding:0 .2em;display:inline-block;background-color:#f6f5f3;border:1px solid #f6f5f3}.inline-code+pre{margin-top:-.9em;margin-bottom:1.35em;padding:0;background-color:transparent}p.inline-code+pre.language-p5js{margin-left:6.25%;margin-right:6.25%}@media screen and (min-width:740px){p.inline-code+pre.language-p5js{margin-left:auto;margin-right:auto}}.code-citation+pre>code,.code-syntax-citation+pre>code,.code-title+pre>code,.inline-code+pre>code{margin:0;padding:0}p.inline-code+pre+p:not(.inline-code){margin-top:1.62rem}.important{font-size:1.27273em}.important code{font-size:1.0303rem}@media screen and (min-width:768px){.important code{font-size:1.09091rem}}.very-important{font-size:1.619841em}.important+pre>code{font-size:1.07418em}.very-important+pre>code{font-size:1.16414em}p.important{margin-bottom:.7143em}p.very-important{margin-bottom:.5em}p.important:empty,p.very-important:empty{display:none}p.____{display:block;height:.01em}@media screen and (min-width:740px){p.____{height:.1em}}@media screen and (min-width:992px){p.____{height:.5em}}mark{background-color:#fffdd1;color:inherit}.mark0,mark.color-0{background:transparent;opacity:.6}.mark,mark.color-1{background-color:#fffdd1}.mark2,mark.color-2{background-color:#d1ffff}.mark3,mark.color-3{background-color:#fce0ff}.mark4,mark.color-4{background-color:#ffebd6}.mark5,mark.color-5{background-color:#d5ffd1}.mark6,mark.color-6{background-color:#d6deff}.mark7,mark.color-7{background-color:#888}.mark8,mark.color-8{background-color:#d4d4d4}.mark9,mark.color-9{background-color:#fff}samp{font-family:inherit;font-size:inherit;font-style:italic}.svg-icon{width:24px;height:24px;fill:currentColor}.code-filename{display:block;padding:.5em 1.35em 0 1.3em;margin:2em -1.3em -2.18em;text-align:right;font-size:.92em;font-weight:400;background-color:#fff;color:#8f8fa3}@media screen and (min-width:740px){.code-filename{padding-left:2.05em;padding-right:2em;margin-left:-2.1em;margin-right:-2.1em}}@media screen and (min-width:992px){.code-filename{padding-left:1.55em;padding-right:1.5em;margin-left:0;margin-right:0}}.code-filename+pre{padding-top:0}p+.code-filename{margin-top:1.8rem}.compact{margin-top:-1.1em}.compact li{margin:0 0 .1em}figure .mark:first-line{white-space:nowrap;background-color:#fffce0}.footnotes li p{display:inline}.footnote-ref{padding:0 .2em}.buttons{display:flex;justify-content:center;margin:.75em 0}.btn{color:#fff;background-color:#8fa391;display:inline-block;font-size:.75em;font-family:Roboto,sans-serif;padding:.25em .75em .3em;margin:0 .25em;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:.2em;text-decoration:none}.btn:active,.btn:focus,.btn:hover{color:#fff!important;background-color:#a32900}.radioBtn{border:1px solid #000}.stepButton{display:none}.stepButton+label{display:block;background-color:#d0cdc8;width:10px;height:10px;border-radius:50%;margin:0 .5em;cursor:pointer}.stepButton:checked+label{background-color:#fff;border:3px solid #d0cdc8;width:4px;height:4px}.keyword-color{color:#9c7335}.function-color{color:#0074b8}.variable-color,.variable-magenta{color:#de3b8f}.ace_hidden-cursors .ace_cursor{opacity:0!important}#top-nav-bar{height:3.15em;overflow-y:hidden;transition:height .3s;padding:0 1.25em;position:fixed;left:0;right:0;z-index:999;background-color:#fff}@media screen and (min-width:992px){#top-nav-bar{max-width:100%}}.bottom-shadow{box-shadow:0 1px 3px rgba(0,0,0,.15)}#top-nav-bar .container{padding:4em 0 0;max-width:100%;height:calc(100vh - 5em);display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}@media screen and (max-height:420px){#top-nav-bar .container{height:calc(100vh - 4em);flex-direction:row}}@media screen and (min-width:740px){#top-nav-bar .container{padding:0;height:auto;display:block;text-align:left}}body.menu-is-open #top-nav-bar{height:100%;transition:height .6s}#toggle-menu{appearance:none;cursor:pointer;display:block;position:absolute;background-color:transparent;border:none;font-size:1.35em;padding:.5926em 1.1111em;width:1em;top:0;right:0;background:linear-gradient(#575f53,#575f53 8%,transparent 0,transparent 46%,#575f53 0,#575f53 54%,transparent 0,transparent 92%,#575f53 0,#575f53);background-size:.75em .54em;background-repeat:no-repeat;background-position:50%}@media screen and (min-width:740px){#toggle-menu{display:none}}#toggle-menu:hover{background-color:#f0f7ff}#toggle-menu:focus{outline:none}.nav{list-style:none;margin-bottom:1.75em;padding-left:0}@media screen and (min-width:740px){.nav{display:inline-block;margin:0 -.45em;padding:0}}@media screen and (min-width:740px){.nav.secondary{float:right}}.nav li{margin:0}@media screen and (min-width:740px){.nav li{display:inline;margin:.65em 0}}.nav li.active{font-weight:500}.nav-bar a{padding:.65em .45em .55em;color:#575f53;text-decoration:none;display:inline-block;font-size:1.33em}@media screen and (min-width:740px){.nav-bar a{padding:.95em .45em .75em;font-size:1em}}@media screen and (max-height:420px){.nav-bar a{font-size:1.15em}}.nav-bar a:link,.nav-bar a:visited{color:#575f53}.nav-bar a:active,.nav-bar a:focus,.nav-bar a:hover{color:#575f53;background-color:#f0f7ff}.nav li.home{position:absolute;top:0;left:0;margin:0}@media screen and (min-width:740px){.nav li.home{position:static;display:inline}}.nav li.home a{padding:.75em .85em .7em;font-size:1.1em}@media screen and (min-width:740px){.nav li.home a{padding:.75em .45em .7em}}#top-nav-bar{position:absolute;top:0;font-weight:300;font-size:15px}#main-nav-bar{position:sticky;top:0;right:0;pointer-events:none;padding-top:0;padding-bottom:0;z-index:998}@media screen and (min-width:992px){#main-nav-bar{padding-bottom:1.25rem}}#main-nav-bar .container{min-height:3.310345em;margin:0}@media screen and (min-width:992px){#breadcrumb{margin:0 auto}}#breadcrumb a{pointer-events:all}#parent-text-link:hover{background-color:hsla(0,0%,100%,.75)}.parent-title-wrapper{padding:0!important;height:3.33rem;margin-right:1.5rem;display:table!important}@media screen and (min-width:740px){.parent-title-wrapper{margin-left:-.3rem}}.parent-title{padding:.2rem .4rem;margin-bottom:0;color:#444;font-weight:500;text-shadow:0 0 9px #e6eff9,0 0 3px #fff!important;display:table-cell;vertical-align:middle;font-size:1.37931rem;line-height:1}@media screen and (min-width:740px){.parent-title{padding-top:.2rem;padding-left:.5rem}}a>.parent-title{font-size:1.25rem;line-height:1.15}#index-open{padding:.8rem;color:#000;display:inline-block;font-size:0;font-weight:500;text-shadow:0 0 9px #e6eff9,0 0 3px #fff;text-align:center;text-decoration:none;background-color:transparent;border:none;pointer-events:all;cursor:pointer;position:absolute;z-index:1000;top:0;right:0;transition:opacity 1s}@media screen and (min-width:568px){#index-open{top:.1rem}}@media screen and (min-width:740px){#index-open{padding:.9rem 1rem}}#index-open:focus{outline:0}.index-is-open #index-open{color:#fff}.index-is-open #index-open:hover{background-color:rgba(0,45,179,.6);text-shadow:none}#home-link,#menu-open{padding:.5em .45em;color:#000;font-weight:500;text-shadow:0 0 9px #e6eff9,0 0 3px #fff;display:inline-block}#home-link{margin-left:-.33em;text-decoration:none;font-size:1.25em}@media screen and (min-width:740px){#home-link{margin-left:-.5em}}#parent-text-link{color:#000;text-shadow:0 0 9px #e6eff9,0 0 3px #fff}#menu-open{font-size:1.437em;background-color:transparent;border:none;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;position:fixed;z-index:1000;right:.15em;top:0;transition:opacity 1s}@media screen and (min-width:992px){#menu-open{top:-.05em}}#menu-open:focus{outline:0}#next-link,#prev-link{position:fixed;top:calc(47px + 5.76rem);transition:opacity 1s;line-height:.1;color:#5979a6;padding:.9rem .4rem}@media screen and (min-width:568px){#next-link,#prev-link{top:calc(47px + 6.5rem)}}@media screen and (min-width:992px){#next-link,#prev-link{top:calc(47px + 8.9rem)}}#prev-link{left:0;padding-left:.2rem;z-index:996}#next-link{right:0;padding-right:.2rem;z-index:997}body.back-animation #menu-open,body.back-animation .nav-button{opacity:0}.nav-button span{opacity:.5;text-shadow:none}#next-link span,#prev-link span{font-weight:700}#prev-link span{padding-left:.1em;padding-right:.8em}#next-link span{padding-left:.8em;padding-right:.1em}.nav-button span{color:#000;opacity:1}#index-menu-tree{position:fixed;top:47px;right:0;left:0;height:0;z-index:999;background-color:#456bde;overflow-y:hidden;transition:height .3s ease-out;pointer-events:all}body.index-is-open{overflow:hidden}.index-is-open #index-menu-tree{overflow-y:scroll}body.back-animation #index-menu-tree.open+#menu-open{opacity:1}#index-menu-tree.open+#menu-open{color:#fff;font-weight:700}#index-menu-tree{display:flex;flex-direction:column;flex-flow:wrap;align-items:flex-start}@media screen and (min-width:740px){#index-menu-tree{justify-content:center}}#index-menu-home{box-sizing:border-box;width:100%;padding:1.25em .6em 0}@media screen and (min-width:740px){#index-menu-home{padding-top:1.65em;padding-left:1.25em}}#index-menu-tree a{font-size:1rem;padding:.6em .45em;color:#fff;text-decoration:none;display:inline-block}#index-open:hover,#menu-open:hover,.nav-button:hover{background-color:hsla(0,0%,100%,.75);text-shadow:none!important}#next-link:hover,#prev-link:hover{background-color:rgba(230,241,255,.5)}@media screen and (min-width:992px){#next-link:hover,#prev-link:hover{background-color:hsla(0,0%,100%,.75)}}#index-menu-tree .active,#index-menu-tree.open+#menu-open:hover,#index-menu-tree a:active,#index-menu-tree a:focus,#index-menu-tree a:hover{background-color:rgba(0,45,179,.6);text-shadow:none}#index-menu-tree>ul{margin:0 auto 2em;padding-left:.75em;display:flex;flex-direction:column;justify-content:center}#index-menu-tree li{display:block;margin:0}#index-menu-tree>ul>li.lesson-index{font-weight:500}#index-menu-tree>ul>li>ul{font-weight:300;font-size:.85em}@media screen and (min-width:992px){#index-menu-tree>ul>li>ul{padding-left:.1em}}#index-menu-tree>ul>li>ul>li>ul{font-size:.95em}#index-menu-tree ul.slides-menu{padding-left:.5rem}#index-menu-tree ul.slides-menu ul li span.active{color:#fff;padding:0 1em;font-size:1rem;display:inline-block}ul.page-index{text-align:center;margin-top:0;padding-left:0;text-indent:0}ul.page-index li{margin-left:-.4em;margin-right:-.4em}ul.page-index li:before{content:"\2013\00a0"}ul.page-index li:after{content:"\00a0\2013"}ul.page-index li a{display:inline-block;padding:0 0 .5em}