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}body{margin:0;padding:0;color:#404048;background-color:#d9e8f7;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;font-style:normal}@media screen and (min-width:30em){body{font-size:15px;line-height:1.2em}}@media screen and (min-width:46em){body{font-size:16px}}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;color:#000}h1{font-size:2.25em;margin:.45em 0 1.75em -.05em;letter-spacing:-.015em}@media screen and (min-width:36em){h1{margin-top:.15em}}@media screen and (min-width:46em){h1{margin-top:-.1em}}body.slide-cover h1{font-size:3em;margin-bottom:.5em;text-align:center}h2{font-size:1.75em;margin:2em 0 1em -.05em}h3{font-size:1.125em;margin:2em 0 1.33em -.01em}h4{font-size:1em;margin:1.25em 0 1.25em -.01em}h5{font-size:1.03125em;margin:.15em 0 .15em -.01em}h6{font-size:1em;font-weight:400;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.25em;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}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:1.25em}li:empty{display:none}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:#ffebcc}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.1em;margin-bottom:2.1em;border:0;border-top:1px solid #d0d0d6}hr+pre,pre+hr{margin-top:2.5em}hr.footnotes-sep{margin-top:5.25em;margin-bottom:1em}table{background-color:transparent;border-spacing:0;border-collapse:collapse;margin:1.8em 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}table.students-admitted{color:#4f4d4a;margin-bottom:1.8em;display:block;overflow-x:auto;border-collapse:separate;border-bottom:1px solid #d0d0d6}@media screen and (min-width:30em){table.students-admitted{display:table;overflow-x:hidden}}table.students-admitted td,table.students-admitted th{vertical-align:middle}table.students-admitted td{background-size:cover;background-position:50%}.students-admitted td:first-child,.students-admitted th:first-child{color:#000;padding-top:.25em;padding-bottom:.25em;padding-right:.25em}@media screen and (min-width:36em){.students-admitted td:first-child,.students-admitted th:first-child{padding-right:.5em}}.students-admitted td:nth-child(1n+2),.students-admitted th:nth-child(1n+2){padding:.25em 0;min-width:1.25em;width:3.6em;min-height:1em;height:2.4em}.students-admitted td:nth-child(8),.students-admitted th:nth-child(8){min-width:1.875em;width:5.4em}.students-admitted sup{vertical-align:sub}.students-admitted td:nth-child(n+2) a{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-decoration:none}table strong.fab,table strong.fas{color:#4f4d4a}strong.status{font-size:1px;line-height:1}strong.status:after,strong.status:before{content:"";font-family:Font Awesome\ 5 Free;font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-size:1.2rem}strong.preview-err:before{content:"\f45c";color:#e5edf5}strong.correcting:before{content:"\f017";color:#fd3;color:#ffa929}strong.uncorrect:before{content:"\f071";color:#aaa;font-size:1.05rem}strong.worthy:before{content:"\f005";color:#fae100}strong.plagiarized:before{content:"\f06a";color:#f42;color:#ff1a1a}strong.accepted:before{content:"\f0eb";color:#25a4f8}strong.reviewed:before{content:"\f06e";color:#25a4f8}strong.ok-issues:before,strong.ok:before{content:"\f058";color:#1fbd00;font-size:1.33rem}strong.ok-issues:after{content:"\f071";font-size:.8rem;margin-left:-.75em;color:#fc0;color:#999;text-shadow:-1px 0 0 #fff;vertical-align:middle}.students-admitted td{position:relative}.students-admitted tbody tr:nth-child(11n+1){background-color:#edebe9;font-weight:500;color:#000}.students-admitted tbody tr:nth-child(11n+1) td{padding:0}.students-admitted td strong.status:before{text-shadow:0 0 5px #000,0 0 1px #000}.students-admitted td strong.ok-issues:before,.students-admitted td strong.ok:before{text-shadow:none}.students-admitted td strong.uncorrect,.students-admitted td strong.worthy{position:absolute;z-index:1}.students-admitted td strong.uncorrect{right:2px;bottom:2px}.students-admitted td strong.worthy{right:-4px;bottom:-2px}.students-admitted td strong.correcting:before{color:#ffb83d}.students-admitted td strong.uncorrect:before{color:#bbb}.students-admitted td strong.worthy:before{color:#ff3;font-size:1.33rem}.students-admitted td strong.accepted:before,.students-admitted td strong.reviewed:before{text-shadow:none}.students-admitted td strong.reviewed:before{content:"\f0eb  \f06e"}table.legenda{width:auto;margin-top:-1.15em;margin-bottom:0}table.legenda tbody{border:none}table.legenda td{padding:.2em 0;border:none;vertical-align:middle}table.legenda td:first-child{min-width:2.5em}#student-project td:first-child{width:26px;padding-right:6px;text-align:center;font-size:1.1em}a{text-decoration:none}a,a:focus,a:hover,a:link,a:visited{color:#900}a:hover{text-decoration:underline}a:active{color:#900}a[href^="http://"],a[href^="https://"]{background-repeat:no-repeat;background-position:100%;background-size:auto 1.43em;height:1.43em;line-height:1.43em}@media screen and (min-width:46em){a[href^="http://"],a[href^="https://"]{background-position:100%;background-size:auto 1.3125em;height:1.3125em;line-height:1.3125em}}a[href^="http://"]:after,a[href^="https://"]:after{content:"\f35d";font-family:Font Awesome\ 5 Free;font-weight:600;font-size:.75em;color:#bbb;display:inline-block;vertical-align:top;padding-left:.5em}a[href^="https://codesthesia"]{display:inline-block;background:none;padding-right:0}a[download]{padding-left:2px;padding-right:20px;background-image:url(../img/ui-ico-download.svg);background-repeat:no-repeat;background-position:100%}#p5-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}canvas{display:block}canvas:focus{outline:0}.table{width:100%;max-width:100%;margin-bottom:20px}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}::-moz-selection{background:#d8e9fd}::selection{background:#d8e9fd}body{padding-bottom:100%;padding-bottom:100vh}.container{max-width:42em;margin:0}@media screen and (min-width:46em){.container{margin:0 auto}}.header{color:#fff;background:#555;padding:1em 1.25em}@media screen and (min-width:36em){.header{padding:1.5em 2em}}.header-heading{margin:0}.nav-bar{line-height:150%;padding:0 .6em .15em}@media screen and (min-width:36em){.nav-bar{padding:0 1em .4em}}@media screen and (min-width:46em){.nav-bar{padding-bottom:.8em}}@media screen and (min-width:46em){.nav-bar .container{max-width:100%}}.nav-position{padding:0}@media screen and (min-width:36em){.nav-position{padding:0 2em}}@media screen and (min-width:46em){.nav-position{padding:0 2em}}.nav-position .container{padding:0 1.5em}@media screen and (min-width:36em){.nav-position .container{padding:0}}@media screen and (min-width:46em){.nav-position .container{max-width:48em}}.content{padding:.3em 0 1em}@media screen and (min-width:36em){.content{padding:1em 1.5em}}@media screen and (min-width:46em){.content{padding:1.5em}}.footer{padding:1em 1.25em 2em}@media screen and (min-width:36em){.footer{padding-left:2em;padding-right:2em}}.footer .container{margin-top:0;padding-top:1em}@media screen and (min-width:46em){.footer .container{padding-top:0}}.footer .container div{font-size:.75em}.content .container{background-color:#fff;padding:1.5em 1.5em 1.95em;overflow-wrap:break-word}@media screen and (min-width:30em){.content .container{padding:2em 2.5em}}@media screen and (min-width:36em){.content .container{padding:3em 3.5em}}@media screen and (min-width:46em){.content .container{padding:4.5em 5.5em}}body.slide-cover .content .container{background-color:hsla(0,0%,100%,.66)}.nav{display:inline-block;margin:0 -.45em;padding:0;list-style:none}.nav.secondary{float:right}.nav li{display:inline;margin:0}.nav a{padding:.7em .45em;text-decoration:none;display:inline-block}.nav a,.nav a:link,.nav a:visited{color:#202024}.nav a.active,.nav a:active,.nav a:focus,.nav a:hover{color:#202024;background-color:#fff}#home-link,#menu-open,.nav-button span{padding:.5em .45em;color:#193b4d;font-size:1.75em;font-weight:400;text-shadow:0 0 9px #e6eff9,0 0 3px #fff;display:inline-block}#home-link{font-weight:500;margin-left:-.33em;text-decoration:none;font-size:1.4em}@media screen and (min-width:36em){#home-link{margin-left:-.5em}}#parent-text-link{display:block;color:#193b4d;text-shadow:0 0 9px #e6eff9,0 0 3px #fff;margin-left:-.35em}@media screen and (min-width:36em){#parent-text-link{display:inline-block;margin-left:-.55em;margin-right:.8em}}@media screen and (min-width:46em){#parent-text-link{margin-left:-.5em}}#parent-text-link span{font-size:1.15em}@media screen and (min-width:36em){#parent-text-link span{padding-top:.25em;padding-bottom:.35em}}#parent-title-link{color:#193b4d;text-shadow:0 0 9px #e6eff9,0 0 3px #fff}#parent-title-link span{font-size:1.15em}#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:46em){#menu-open{top:-.05em}}#menu-open:focus{outline:0}#next-link,#prev-link{position:fixed;bottom:50%;transition:opacity 1s}#prev-link{left:0;z-index:998}#next-link{right:0;z-index:997}body.back-animation #menu-open,body.back-animation .nav-button{opacity:0}.nav-button span{font-weight:400;opacity:.5;text-shadow:none}#next-link span,#prev-link span{font-weight:700}#prev-link span{padding-left:.3em;padding-right:.6em}#next-link span{padding-left:.6em;padding-right:.3em}.nav-button span{color:#193b4d;opacity:1;text-shadow:0 0 9px #e6eff9,0 0 3px #fff}#menu-tree{position:fixed;top:0;right:0;left:0;height:0;z-index:999;background-color:#2280c3;overflow-y:hidden;transition:height .3s ease-out}#menu-tree.open{height:100%}body.back-animation #menu-tree.open+#menu-open{opacity:1}#menu-tree.open+#menu-open{color:#fff;font-weight:700}#menu-tree{display:flex;flex-direction:column;flex-flow:wrap;align-items:flex-start}#menu-home{box-sizing:border-box;width:100%;padding:1.25em .6em}#menu-tree a{padding:.5em .45em;color:#fff;text-decoration:none;display:inline-block}#menu-open:hover,.nav-button:hover{background-color:hsla(0,0%,100%,.75);text-shadow:none!important}#menu-tree.open+#menu-open:hover,#menu-tree a.active,#menu-tree a:active,#menu-tree a:focus,#menu-tree a:hover{background-color:rgba(0,84,153,.6);text-shadow:none}#menu-tree>ul{margin:0 auto 2em;padding:0;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:46em){.nav-bar:not(.slides) #menu-tree>ul{margin:0 1em 2em;width:100%;max-width:52em;flex-direction:row;justify-content:space-around}}#menu-tree li{display:block;margin:0}#menu-tree>ul>li{font-weight:500;font-size:1.15em;margin-bottom:1em}#menu-tree>ul>li>ul{font-weight:400;font-size:.85em}@media screen and (min-width:46em){#menu-tree>ul>li>ul{padding-left:.1em}}#menu-tree>ul>li>ul>li>ul{font-size:.95em}a.header-link{padding:.3em .66em .05em;background-color:#fff;font-family:Font Awesome\ 5 Free;font-weight:600;font-size:.75em;color:#ddd;display:inline-block;text-decoration:none}a.header-link:hover{color:#aaa}@media screen and (min-width:36em){#menu-tree{justify-content:center}#menu-home{padding-top:1.65em;padding-left:1.25em}}code[class*=language-],pre[class*=language-]{color:#02212c;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#d8e9fd}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#d8e9fd}pre[class*=language-]{overflow-x:auto;overflow-y:hidden}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8a9aa8}.token.punctuation{color:#333}.token.tag{color:#dc3787}.token.boolean,.token.constant,.token.deleted,.token.function-name,.token.number,.token.property,.token.symbol{color:#d9328f}.token.attr-name,.token.builtin,.token.function,.token.inserted,.token.selector{color:#0f9dd7}.token.char,.token.string{color:#58a10b}.token.entity,.token.operator,.token.url,.token.variable{color:#333}.token.atrule,.token.attr-value,.token.class-name,.token.keyword{color:#9c6416;color:#996f33}.token.important,.token.regex{color:#d08000}.language-css .token.string,.style .token.string{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.p5var{color:#d9328f}.token.p5const{color:#996f33}.token.important{font-weight:400;font-size:1em}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.namespace{opacity:.7}figure,pre{margin:1.8em -1.5em 1.6em;padding:1.2em 1.5em}@media screen and (min-width:36em){figure,pre{margin-left:0;margin-right:0}}@media screen and (min-width:46em){figure,pre{margin-left:0;margin-right:0}}@media screen and (min-width:30em){.full-width{margin-left:-2.5em;margin-right:-2.5em}}@media screen and (min-width:36em){.full-width{margin-left:-2.5em;margin-right:-2.5em}}@media screen and (min-width:46em){.full-width{margin-left:-4.5em;margin-right:-4.5em}}pre{line-height:1.3;overflow-x:auto;background-color:#f4f5f6;border:1px solid #eef0f1}p+.code-filename,p+figure,p+pre{margin-top:1.8em}p.contiguous,p.contiguous-or{margin-bottom:-1.25em}p.contiguous-or{margin-top:-1.05em}.continues,.continues-below{margin-bottom:-1.25em}.continues,.continues-prev{margin-top:-1.05em}.heading{padding:0;margin-left:0;margin-right:0;margin-bottom:2.1em}figure.cover{background-color:transparent;padding:0;margin:-1.5em -1.5em 2.94em}@media screen and (min-width:30em){figure.cover{margin-top:-2em;margin-left:-2.5em;margin-right:-2.5em}}@media screen and (min-width:36em){figure.cover{margin-top:-3em;margin-left:-3.5em;margin-right:-3.5em}}@media screen and (min-width:46em){figure.cover{margin-top:-4.5em;margin-left:-5.5em;margin-right:-5.5em}}figure.cover a{padding-right:0;background-image:none;color:#404048}figure.cover a:after{content:""}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}figure.cover figcaption{background-color:#e9e6e2;display:block;width:calc(100% - .66em);font-size:.8em;padding:.2em .666em .32em 0;text-align:right}figure.image{text-align:center;padding:0}figure.image p{margin:0;line-height:1}figure.image img{display:inline}figure.image img.scale-80{max-width:80%}figure.image img.scale-75{max-width:75%}figure.image img.scale-66{max-width:66.6666%}figure.image img.scale-50{max-width:50%}figure.image img[data-width]{width:attr(data-width)}figure.image img.margin{margin-top:2em;margin-bottom:2em}figure.row{padding:0}@media screen and (min-width:36em){figure.row{display:flex;justify-content:space-between}}figure.row img{margin-top:.1em}figure.row p{margin-left:1.5em;margin-right:1.5em;margin-bottom:1.8em}@media screen and (min-width:36em){figure.row p{margin-bottom:0;flex:1}}@media screen and (min-width:36em){figure.row p:first-child{margin-left:0}}figure.row p:last-child{margin-bottom:0}@media screen and (min-width:36em){figure.row p:last-child{margin-right:0}}figure.row pre{margin:0}figure.code{padding:0}figure.border{border:1px solid #d0d0d6}figure.border img{margin:0!important}figure.background{background-color:#f4f5f6}figure.padding{padding:1.25em 1.5em}figure.code.padding{padding:1.25em 0}figure.code.bottom-sep{border-bottom:1px solid #fff}@media screen and (min-width:46em){figure.same-row{display:flex;align-items:center}}figure.text{text-align:center;padding-top:2em}figure.icon-text{padding:0;margin:1.25em 0;display:flex;align-items:flex-start}figure.icon-text p{display:inline-block;margin:0 12px 0 0;flex-basis:100%}figure.icon-text p:first-child{margin-top:.25em;margin-bottom:.25em;flex-shrink:0;flex-basis:36px}@media screen and (min-width:36em){figure.icon-text p:first-child{flex-basis:40px}}figure.icon-text p:last-child{margin-right:0}figure.icon-text p br{display:none}@media screen and (min-width:30em){figure.icon-text p br{display:inline}}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 #9297a0}figure.slideshow p:first-child{display:block}figure.slideshow p img{display:inline-block;margin-top:0;margin-bottom:.75em}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:#c66;width:12px;height:12px;border-radius:50%;margin:0 .6em;cursor:pointer}figure.slideshow input:checked+label{background-color:#fff;border:3px solid #c66;width:6px;height:6px}.files{background-color:#f4f5f6}figure+figure,figure+pre,pre+figure,pre+pre{margin-top:2.45em}figure+pre.language-p5js,pre.language-p5js-run+pre.language-p5js{margin-top:-1.8em}.icon-text+.icon-text{margin-top:0}.ace_editor{font-family:Roboto Mono,monospace}.bottom-links{margin-top:5.2em;margin-bottom:1.5em;padding-top:.9em;border-top:1px solid #d0d0d6}.bottom-links+.bottom-links{margin-top:-2.2em;border-top:none}.bottom-links h3{margin-top:.2em;margin-bottom:.2em;font-size:.96em;font-weight:400;display:inline-block}.bottom-links ul{margin-top:0;margin-left:-1.5em;margin-right:0;font-size:.9em;display:inline}.bottom-links li{display:inline-block;margin:.2em 0 .2em .6em}.page-index{margin-top:2.35em}h2+.page-index{margin-top:1.4em}.page-index a.slide-cover{display:inline-block;font-weight:500;font-size:1.1em;margin-top:1em}.page-index li:first-of-type a.slide-cover{margin-top:0}code,kbd,samp,tt{font-family:Roboto Mono,monospace;font-weight:400;font-size:.83em}@media screen and (min-width:36em){code,kbd,samp,tt{font-size:.84em}}@media screen and (min-width:46em){code,kbd,samp,tt{font-size:.78125em}}s{opacity:.4}.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:500}.code-title,code.language-p5js-run{display:none}.code-title+pre{margin:0;padding:0 .2em;display:inline-block;background-color:#f4f5f6;border:1px solid #f4f5f6}.inline-code+pre{margin-top:-.9em;margin-bottom:1.35em;padding:0;background-color:transparent;border:none}.code-title+pre>code,.inline-code+pre>code{margin:0;padding:0}.code-title+pre>code{white-space:pre-wrap}p.inline-code+pre+p:not(.inline-code){margin-top:1.62em}.comment{color:#9b9997}p.note{padding-left:.7em;border-left:4px solid #cecdcc;border-radius:8px;margin-top:1.5em;margin-bottom:1.5em}p.hint{padding-left:.75em;border-left:5px solid #f2c6a6;margin-top:1.8em;margin-bottom:1.8em}.warning{background-color:#fffaeb;border:1px solid #fd9;padding:1em}.important{font-size:1.414214em}.very-important{font-size:2em}.important+pre>code{font-size:1.1816em}.very-important+pre>code{font-size:1.688em}p.important{margin-bottom:.7143em}p.very-important{margin-bottom:.5em}p.important:empty,p.very-important:empty{display:none}mark{background-color:#fdfbb9;color:inherit;padding:.15em 0 .2em}mark.color-2{background-color:#d1ffff}mark.color-3{background-color:#fce0ff}mark.color-4{background-color:#ffebcc}mark.color-5{background-color:#e4ffd6}mark.color-6{background-color:#d6deff}mark.color-7{background-color:#fff}mark.color-0{background-color:transparent;opacity:.5}mark.color-P{background-color:#fff;font-style:italic}mark.color-P,mark.color-P .token{color:#737373}samp{font-family:inherit;font-size:inherit;font-style:italic}.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}.code-filename+pre{padding-top:0}.marked{display:inline-block;background-color:#fdfbb9}.compact{margin-top:-1.1em}.compact li{margin:0 0 .1em}.files ul{margin:0;padding-left:1px}.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;background-repeat:no-repeat;background-position:3px .166em;background-image:url(../img/ui-li-file.svg)}.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}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:#900}.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}.content button,a.button{padding:6px 8px;margin:1rem 0 .5rem;font-family:inherit;color:#fff;background-color:#bf4040;border:none;cursor:pointer}a.button{display:inline-block}a.button:after{content:"";padding:0}.content button:hover,a.button:hover{text-decoration:none;box-shadow:0 0 5px #ff8b52}.content button:focus,a.button:focus{outline:none}.ace_hidden-cursors .ace_cursor{opacity:0!important}@media screen and (min-width:36em){.code-filename{padding-left:2.05em;padding-right:2em;margin-left:-2.1em;margin-right:-2.1em}}@media screen and (min-width:46em){.code-filename{padding-left:1.55em;padding-right:1.5em;margin-left:0;margin-right:0}}#sketch-form{display:flex;justify-content:space-between}#sketch-url{width:100%;padding:6px 8px;margin:1rem 0;border:1px solid #000;font-family:inherit}#sketch-url::placeholder{color:#aaa}#sketch-url:focus{outline:none;box-shadow:0 0 5px #ff8b52}#sketch-check{margin:1rem 0}#sketch-preview{width:100%;height:300px;background-color:#f0f4f8;background-size:contain;background-position:50%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.url-waiting #sketch-preview{height:2rem}#sketch-preview-error{display:none;margin:10%;text-align:center;line-height:1.5}figure.border{border-color:#e0e4e8}#sketch-resp-container{position:relative;overflow:hidden;padding-top:calc(75% - 12px);border:8px solid #f0f4f8}.url-waiting #sketch-resp-container{padding-top:2rem!important}.resp-iframe{position:absolute;top:-42px;left:0;width:100%;height:calc(100% + 42px);border:0;background-color:#f0f4f8}#sketch-iframe-resize,.url-waiting #sketch-meta-info{display:none}.input-value{padding:.25em;user-select:all;background-color:#eeffe6}.url-waiting #social-preview{display:none}