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:4.5rem;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.6em}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}.content .container>figure{margin-left:auto;margin-right:auto}@media screen and (min-width:672px){.content .container>figure{margin-left:6.25%;margin-right:6.25%}}@media screen and (min-width:768px){.content .container>figure{margin-left:auto;margin-right:auto}}figure{padding:0;margin-bottom:1.8rem}figure p:last-child{margin-bottom:0}p+figure{margin-top:1.8rem}figure img,figure video{max-width:100%;height:auto;display:block;margin-top:0;margin-bottom:0}figure pre{width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.container>figure.cover{background-color:transparent;padding:0;margin-top:-2.95rem!important;margin-bottom:2.25rem;margin-left:-1.5rem;margin-right:-1.5rem}@media screen and (min-width:568px){.container>figure.cover{margin-top:-3.45rem!important;margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width:740px){.container>figure.cover{margin-top:-3.4rem!important;margin-left:-3.5rem;margin-right:-3.5rem}}@media screen and (min-width:992px){.container>figure.cover{margin-top:-4.5rem!important;margin-left:-5.867rem;margin-right:-5.867rem}}.container>figure.cover{margin-left:0;margin-right:0;max-width:848px}figure.cover a{display:inline-block;padding-right:0;background-image:none;color:#000;overflow-x:hidden}figure.cover a img{margin-left:-10%;margin-right:-10%;width:120%;max-width:none}@media screen and (min-width:568px){figure.cover a img{margin-left:0;margin-right:0;width:auto;max-width:100%}}figure.cover figcaption{display:block;width:calc(100% - .66em);font-size:.8em;padding:.1em .666em .22em 0;text-align:right}figure.image{text-align:center;padding:0}figure.image p{display:block}figure.image img{display:block;margin-left:auto;margin-right:auto;image-rendering:optimizequality;image-rendering:-webkit-optimize-contrast}figure.image p img{margin-top:0}figure.image.with-text p img{display:inline-block;margin-bottom:.5em}@media screen and (min-width:672px){figure.image img.scale-80,img.scale-80{max-width:80%}}@media screen and (min-width:672px){figure.image img.scale-75,img.scale-75{max-width:75%}}@media screen and (min-width:672px){figure.image img.scale-66,img.scale-66{max-width:66.6666%}}@media screen and (min-width:672px){figure.image img.scale-50,img.scale-50{max-width:50%}}img.scale-33{max-width:66.6666%}@media screen and (min-width:672px){img.scale-33{max-width:33.3333%}}img.scale-25{max-width:12.5%}@media screen and (min-width:672px){img.scale-25{max-width:25%}}img.scale-20{max-width:10%}@media screen and (min-width:672px){img.scale-20{max-width:20%}}figure.image img.margin{margin-top:2em;margin-bottom:2em}figure.interactive{padding:0;margin-top:1.8rem;margin-bottom:1.8rem}figure.code{padding:0}figure.marked-code>pre{width:auto}figure.marked-code code{font-size:.90909em}figure.marked-code code>*{display:inline-block;padding:.15em 0}figure.code-syntax{padding:0;overflow-x:auto;margin-bottom:2rem}figure.code-syntax pre{line-height:1.3333;background-color:transparent;margin-left:0;margin-right:0}figure.code-syntax code{font-size:1.0303rem}@media screen and (min-width:768px){figure.code-syntax code{font-size:1.121215rem}}figure.text{text-align:center;padding-top:0;padding-bottom:0;overflow-x:auto}figure.text.left{text-align:left}figure.text.left p{padding-left:0}figure.text p:last-child{margin-bottom:0}figure.text>pre[class*=language-]{margin:1em auto}figure.text p{padding-left:1rem;padding-right:1rem}figure.text p img{margin-left:-1rem;margin-right:-1rem;max-width:calc(100% + 2rem)}figure.text ul.text-and-image{list-style-type:none;padding-left:0;margin-top:0;margin-bottom:1.5em}@media screen and (min-width:568px){figure.text ul.text-and-image{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}}figure.text ul.text-and-image:last-child{margin-bottom:.5em}@media screen and (min-width:568px){figure.text ul.text-and-image:last-child{margin-bottom:0}}figure.text ul.text-and-image li{margin-top:0;margin-bottom:0}figure.text ul.text-and-image li:first-child{margin-bottom:1em}@media screen and (min-width:568px){figure.text ul.text-and-image li:first-child{margin-bottom:0;flex:1}}figure.text ul.text-and-image li:last-child{display:inline-block;margin-left:auto;margin-right:auto}@media screen and (min-width:568px){figure.text ul.text-and-image li:last-child{margin-right:0;margin-left:1em;flex-basis:calc((100% - 1em) / 2)}}@media screen and (min-width:568px){figure.text ul.text-and-image.image-33-perc li:last-child{flex-basis:calc(33.3333% + 1em)}}@media screen and (min-width:568px){figure.text ul.text-and-image.image-25-perc li:last-child{flex-basis:calc(25% + 1em)}}@media screen and (min-width:568px){figure.text ul.text-and-image.image-20-perc li:last-child{flex-basis:calc(20% + 1em)}}@media screen and (min-width:568px){figure.text ul.text-and-image.image-15-perc li:last-child{flex-basis:calc(15% + 1em)}}figure.slideshow{padding-bottom:0}figure.slideshow.border{border:none}figure.slideshow{padding:0}figure.slideshow img{margin-top:0!important}figure.slideshow p{text-align:center;display:none;margin-bottom:1em}figure.slideshow.border p img{border:1px solid #bbbec4;box-sizing:border-box}figure.slideshow p:first-child{display:block}figure.slideshow p img{display:inline-block;margin-top:0;margin-bottom:1em}figure.slideshow p>:last-child{margin-bottom:0}figure.slideshow form{text-align:center}figure.slideshow form div{display:inline-block}figure.slideshow input{margin:.2em .5em 1em;display:none}figure.slideshow input+label{display:block;background-color:#bf6040;width:12px;height:12px;border-radius:50%;margin:0 .6em;cursor:pointer}figure.slideshow input:checked+label{background-color:#fff;border:3px solid #bf6040;width:6px;height:6px}figure.files{padding:1.25em 1.5rem}.files{background-color:#f6f5f3;overflow-x:auto}.files ul{margin:0;padding-left:1px;text-indent:0}.files>ul{font-size:.9em;color:#000004;display:inline-block}.files>ul li{line-height:1.8em}.files li{list-style-type:none;padding-left:26px;padding-right:4px;margin:0;white-space:nowrap;background-repeat:no-repeat;background-position:3px .166em;background-image:url(../img/ui-li-file.svg)}.files ul li:before{content:""}.files li a{color:#a32900}.files li.folder{background-image:url(../img/ui-li-folder.svg);padding-left:27px}.files li.folder-close{background-image:url(../img/ui-li-folder-close.svg);padding-left:27px}.files li .comment{color:#888;float:right}.files li .arrow,.files li .comment{padding-left:2em}.files li .arrow:before{content:"\2190\00a0"}figure.enunciation{text-align:center}.content .container>figure.enunciation p{margin-left:6.25%;margin-right:6.25%}@media screen and (min-width:672px){.content .container>figure.enunciation p{margin-left:0;margin-right:0}}figure.enunciation>p>img{margin-left:-7.0625%;margin-right:-7.0625%;max-width:114.125%}@media screen and (min-width:672px){figure.enunciation>p>img{margin-left:0;margin-right:0;max-width:100%}}figure.group{padding:0;margin-top:1.8rem;margin-bottom:1.8rem;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (min-width:568px){figure.group{align-items:stretch;display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}}figure.group>*{box-sizing:border-box}@media screen and (min-width:568px){figure.group.gap{grid-gap:1.5rem}}figure.group.gap>*{margin-bottom:1.5rem}@media screen and (min-width:568px){figure.group.gap>*{margin-bottom:0}}figure.group.gap>:last-child{margin-bottom:0}figure.group figure.text{padding:0}figure.group .span-1{max-width:16.6666%}@media screen and (min-width:568px){figure.group .span-1{max-width:none;grid-column:span 1}}figure.group .span-2{max-width:33.3333%}@media screen and (min-width:568px){figure.group .span-2{max-width:none;grid-column:span 2}}figure.group .span-3{max-width:50%}@media screen and (min-width:568px){figure.group .span-3{max-width:none;grid-column:span 3}}figure.group .span-4{max-width:66.6666%}@media screen and (min-width:568px){figure.group .span-4{max-width:none;grid-column:span 4}}figure.group .span-5:not(.text){max-width:83.3333%}@media screen and (min-width:568px){figure.group .span-5{max-width:none;grid-column:span 5}}@media screen and (min-width:568px){figure.group .span-6,figure.group>figure{grid-column:span 6}}@media screen and (min-width:568px){figure.group .span-7{grid-column:span 7}}@media screen and (min-width:568px){figure.group .span-8{grid-column:span 8}}@media screen and (min-width:568px){figure.group .span-9{grid-column:span 9}}@media screen and (min-width:568px){figure.group .span-10{grid-column:span 10}}@media screen and (min-width:568px){figure.group .span-11{grid-column:span 11}}@media screen and (min-width:568px){figure.group .span-12{grid-column:span 12}}figure>figure,figure>figure+figure{width:100%;padding:0;margin:0}figure>figure.text{text-align:left}figure>figure.text p{margin-left:6.25%;margin-right:6.25%;padding-left:0;padding-right:0}@media screen and (min-width:568px){figure>figure.text p{margin-left:auto;margin-right:auto}}@media screen and (min-width:672px){figure>figure.text p{padding-left:0;padding-right:0}}figure.padding>figure.text p{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.caption{text-align:center;margin-top:-.5em}.full-width .caption{padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width:568px){figure.right-caption{display:flex}}figure.left-caption{display:flex;flex-flow:column-reverse}@media screen and (min-width:568px){figure.left-caption{flex-flow:row-reverse}}figure.left-caption :first-child,figure.right-caption :first-child{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}@media screen and (min-width:568px){figure.left-caption :first-child,figure.right-caption :first-child{width:auto}}figure.left-caption p:last-child,figure.right-caption p:last-child{margin-left:1.5rem;margin-right:1.5rem;text-align:left}@media screen and (min-width:568px){figure.left-caption p:last-child,figure.right-caption p:last-child{flex-basis:2310px;margin-top:-.33em}}figure.bottom-caption p:last-child{margin-left:.75rem;margin-right:.75rem;text-align:center}figure.left-caption :first-child{margin-bottom:0}figure.left-caption p:last-child{margin-bottom:1.8rem}@media screen and (min-width:672px){figure.left-caption p:last-child{margin-left:0}}figure.right-caption :first-child{margin-bottom:1.8rem}@media screen and (min-width:672px){figure.right-caption :first-child{margin-bottom:0}}@media screen and (min-width:672px){figure.right-caption p:last-child{margin-right:0}}@media screen and (min-width:568px){figure.right-caption>.size-2{flex-basis:462px}}@media screen and (min-width:568px){figure.right-caption>.size-3{flex-basis:770px}}figure.fig-size-4>:first-child,figure.right-caption>.size-4{max-width:66.6666%}@media screen and (min-width:568px){figure.fig-size-4>:first-child,figure.right-caption>.size-4{flex-basis:1155px}}figure.fig-size-5>:first-child,figure.right-caption>.size-5{max-width:75%}@media screen and (min-width:568px){figure.fig-size-5>:first-child,figure.right-caption>.size-5{flex-basis:1650px}}@media screen and (min-width:568px){figure.fig-size-6>:first-child,figure.right-caption>.size-6{flex-basis:2310px}}@media screen and (min-width:568px){figure.fig-size-7>:first-child,figure.right-caption>.size-7{flex-basis:3234px}}@media screen and (min-width:568px){figure.fig-size-8>:first-child,figure.right-caption>.size-8{flex-basis:4620px}}@media screen and (min-width:568px){figure.right-caption>.size-9{flex-basis:6930px}}@media screen and (min-width:568px){figure.right-caption>.size-10{flex-basis:11550px}}figure.bottom-caption p:last-child{margin-top:-.5em}@media screen and (min-width:568px){figure.interactive.left-caption{justify-content:space-between}}figure.interactive.left-caption .language-p5js-run{flex-grow:0;flex-shrink:0}@media screen and (min-width:568px){figure.interactive.left-caption .language-p5js-run iframe{width:100%}}@media screen and (min-width:568px){figure.interactive.left-caption p:last-child{flex-basis:auto}}figure.group:not(.gap)>figure.image.bottom-caption p:last-child{margin-bottom:1.5rem}@media screen and (min-width:568px){figure.group:not(.gap)>figure.image.bottom-caption p:last-child{margin-bottom:0}}.container>.full-width{margin-left:0!important;margin-right:0!important;max-width:848px}@media screen and (min-width:768px){.container>.full-width{margin-left:16px;margin-right:16px}}figure.border{border-top:1px solid #bbbec4;border-bottom:1px solid #bbbec4;box-sizing:border-box}@media screen and (min-width:672px){figure.border{border-left:1px solid #bbbec4;border-right:1px solid #bbbec4}}figure.image.border{border:none}figure.border img{margin-top:0!important}figure.image.border p:first-child{position:relative}figure.image.border p:first-child:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;border-top:1px solid #bbbec4;border-bottom:1px solid #bbbec4;mix-blend-mode:darken}@media screen and (min-width:672px){figure.image.border p:first-child:after{border-left:1px solid #bbbec4;border-right:1px solid #bbbec4}}figure.border.full-width,figure.image.border.full-width p:first-child:after,figure.slideshow.border.full-width p img{border-left:none;border-right:none}figure.background{background-color:#f6f5f3}figure.padding{padding:0 6.25%}@media screen and (min-width:672px){figure.padding{padding:0 1.5rem}}figure.background.padding,figure.border.padding{padding-top:1.75em;padding-bottom:1.75em}figure.code.padding{padding:0}figure.code-syntax.padding{padding-top:1.75em;padding-bottom:1.75em}figure.image.padding p:first-child{padding:0 1.5rem}figure.image.border.padding{padding:0}figure.image.border.padding p:first-child{padding:1.5rem}figure.image.border.padding img{margin-bottom:0}figure.interactive.padding{padding-left:0;padding-right:0}figure.enunciation.padding{padding-left:3rem;padding-right:3rem}figure.enunciation.background.padding,figure.enunciation.border.padding{padding-top:2.25em;padding-bottom:2.5em}figure.code.bottom-sep{border-bottom:1px solid #fff}.files.important ul{padding-left:3px}.files.important li{background-size:24.5px 24.5px;padding-left:34px}.files.important li.folder,.files.important li.folder-close{background-size:24.5px 24.5px;padding-left:38px}figure+figure,figure+pre,pre+figure{margin-top:2.45em}figure+figure.text{margin-top:2.1rem}figure.group>figure+figure.text{margin-top:0}figure+pre.language-p5js{margin-top:-1.8rem}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}.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}.page-index{margin-top:2.35em;padding-left:0;text-indent:0}h2+.page-index{margin-top:1.4em}.page-index li.slide-cover a{display:inline-block;font-weight:500;font-size:1.12121em;margin-top:1em;text-indent:0}.page-index .slide-cover:first-child{overflow-x:hidden;overflow-y:hidden;margin-left:-1.15rem;padding-left:1.15rem}.page-index .slide-cover:first-child a:after{content:"\25B8";position:absolute;font-size:2.5em;bottom:-.45em;padding-left:.1em;color:#d17d61}.page-index .slide-cover:first-child:hover a:after{content:"(inizia)";font-size:.85em;bottom:.075em;padding-left:.85em;font-weight:300}.page-index li.slide-cover{list-style-type:none;position:relative}.page-index li.slide-cover:before{content:""}.page-index li.slide-cover:first-of-type a{margin-top:0}