header *::selection{appearance:none}header figure{display:flex;justify-content:center;align-items:center;padding-top:52px;padding-bottom:24px;margin:0}header .logo{position:relative;z-index:10;width:80%;margin:0 12px;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.25));transition:opacity .5s ease-in-out}@media (max-width: 700px){header .logo{margin:0 auto}}@media (max-width: 500px){header .logo{opacity:1 !important}}.p5Canvas{position:fixed;top:0;left:0;z-index:0}section.intro.video{display:flex;justify-content:center;align-content:center;flex-direction:column;cursor:pointer}section.intro.video>*{padding-top:var(--padding-m);min-height:220px}section.intro.video>:last-child{padding-bottom:var(--padding-m)}section.intro.video .placeholder{display:flex;justify-content:center;align-content:center;width:100%}section.intro.video .icon{width:25%;height:auto;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.5))}section.intro.video iframe,section.intro.video .placeholder{width:100%;background-image:url("/video-thumb.jpg");background-size:contain;border-radius:var(--border-radius)}section.nav{}section.nav section{position:sticky;top:0;z-index:20}section.nav nav{min-height:38px;max-width:920px;padding:8px 0;margin-left:auto;margin-right:auto;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;border-radius:var(--border-radius);background-color:var(--background);box-shadow:0 4px 12px var(--shadow)}@media (max-width: 920px){section.nav nav{border-radius:0}}section.nav a{padding:2px 4px;color:var(--foreground);font-size:18px;font-weight:400;text-align:center;text-decoration:none}section.nav a:hover,section.nav a:focus{text-decoration:underline}footer{z-index:10;padding:24px 0;margin-top:32px;color:var(--white);background-color:var(--black)}footer section{display:flex;justify-content:space-between;align-items:center;margin:auto;max-width:var(--max-site-width);font-size:14px}footer a{text-decoration:none}footer p{margin:0 var(--padding-s)}pre,code{font-family:inherit}.giallo-l{display:inline-block;min-height:1.1lh;width:100%}.giallo-ln{display:inline-block;user-select:none;margin-right:var(--padding-s);min-width:3ch;text-align:right;opacity:.8}pre{padding:var(--padding-s);border-radius:var(--border-radius);text-wrap-mode:wrap;overflow-wrap:break-word}.markdown-alert-warning{background-color:var(--background-off);padding:var(--padding-s);margin:0;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.markdown-alert-warning::before{content:"⚠️ Warning";color:var(--brown);font-weight:bold;font-size:120%}.z-code{color:var(--white);background-color:var(--black)}.z-hl{background-color:var(--black)}.giallo-ln{color:var(--dark-gray)}.z-text{color:var(--off-white)}.z-source,.z-meta.z-indexed-name,.z-entity{color:var(--off-white)}.z-punctuation{color:var(--light-gray)}.z-comment{color:var(--light-gray);font-style:italic}.z-string{color:var(--green)}.z-keyword{color:var(--blue)}.z-variable{color:var(--off-white)}.z-constant{color:var(--orange)}.z-type{color:var(--indigo)}.z-storage.z-modifier{color:var(--indigo)}.z-meta.z-function-call,.z-support.z-function{color:var(--pink)}.z-meta.z-function-call.z-arguments,.z-variable.z-parameter{color:var(--peach);font-style:italic}html,body{--white: #fafafa;--black: #222;--dark-blue: #1d2b53;--dark-purple: #7e2553;--dark-green: #008751;--brown: #ab5236;--dark-gray: #5f574f;--light-gray: #c2c3c7;--off-white: #fff1e8;--red: #ff004d;--orange: #ffa300;--yellow: #ffec27;--green: #00e436;--blue: #29adff;--indigo: #83769c;--pink: #ff77a8;--peach: #ffccaa;--foreground: var(--theme-foreground, var(--black));--background-off: var(--theme-background-off, var(--off-white));--background: var(--theme-background, var(--white));--shadow: var(--theme-shadow, rgba(34, 34, 34, 0.25));--padding-s: 12px;--padding-m: 22px;--padding-l: 32px;--max-site-width: 900px;--border-radius: 3px;--box-shadow: 0 4px var(--padding-s) var(--shadow);margin:0;color:var(--foreground);font-family:"Space Mono",monospace;line-height:1.5;background-color:var(--background);font-variant-ligatures:none}html.theme-dark{--theme-foreground: var(--white);--theme-background: var(--black);--theme-background-off: var(--dark-blue)}h1,h2,h3,h4,h5,h6{font-weight:700}a{color:inherit;font-weight:700}table{width:100%}th,td{padding:8px}th{border-bottom:1px solid var(--foreground)}tr:nth-of-type(even){background-color:var(--background-off)}blockquote{margin:0;margin-left:var(--padding-m)}body{background-color:var(--black)}img{max-width:100%}.layout{display:grid;grid-template-columns:1fr repeat(2, minmax(100px, calc(var(--max-site-width)/2))) 1fr;grid-template-areas:"header header header header" "nav nav nav nav" ". content-left content-right ." ". content content ." "footer footer footer footer";grid-gap:0 16px}@media (max-width: 700px){.layout{grid-template-areas:"header header header header" "nav nav nav nav" ". content-left content-left ." ". content-right content-right ." ". content content ." "footer footer footer footer"}}.header{grid-area:header}.nav{grid-area:nav;margin-bottom:var(--padding-l)}.content{grid-area:content}footer{grid-area:footer}.intro.text{grid-area:content-left}.intro.video{grid-area:content-right}.invisible{opacity:0}main,.card{z-index:10;padding:var(--padding-s) var(--padding-l);margin-bottom:var(--padding-l);border-radius:var(--border-radius);background-color:var(--background);box-shadow:var(--box-shadow)}@media (max-width: 700px){main,.card{padding:var(--padding-s) var(--padding-m)}}@font-face{font-family:"Space Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/space-mono-v4-latin/space-mono-v4-latin-regular.woff2") format("woff2"),url("/fonts/space-mono-v4-latin/space-mono-v4-latin-regular.woff") format("woff");}@font-face{font-family:"Space Mono";font-style:italic;font-weight:400;font-display:swap;src:url("/fonts/space-mono-v4-latin/space-mono-v4-latin-italic.woff2") format("woff2"),url("/fonts/space-mono-v4-latin/space-mono-v4-latin-italic.woff") format("woff");}@font-face{font-family:"Space Mono";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/space-mono-v4-latin/space-mono-v4-latin-700.woff2") format("woff2"),url("/fonts/space-mono-v4-latin/space-mono-v4-latin-700.woff") format("woff");}@font-face{font-family:"Space Mono";font-style:italic;font-weight:700;font-display:swap;src:url("/fonts/space-mono-v4-latin/space-mono-v4-latin-700italic.woff2") format("woff2"),url("/fonts/space-mono-v4-latin/space-mono-v4-latin-700italic.woff") format("woff");}