html,body{height:100%;margin:0;padding:0}body{font-family:system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;font-size:1em;line-height:1.5;font-weight:300}img{max-width:100%}h1,h2,h3,h4,h5,h6{line-height:1;text-rendering:optimizeLegibility;margin-bottom:0.25rem}h1{font-size:3.75rem}h2{font-size:1.5em}h3{font-size:1.25em}p{margin-top:0rem}a{color:#2a7ae2;text-decoration:none}a:hover{text-decoration:underline}table,th,td{border:1px solid;padding:8px}table{border-collapse:collapse}.site-header ul,.site-header ol{padding:0;list-style-type:none}.title-nav{padding-right:16px;padding-left:0pt;padding-top:8pt;padding-bottom:8pt}.other-nav{padding-right:16px;padding-left:16pt;padding-top:8pt;padding-bottom:8pt;color:black}.gif_outer{position:relative}.static{position:absolute}.static:hover{opacity:0}footer{margin:auto;padding-top:16pt;padding-bottom:16pt;max-width:600pt;text-align:center;color:#aaa}.heading-section{text-align:center}.heading-section h2{margin-bottom:2.5rem}.tintoy-site-nav{box-shadow:0 0 0 1px #2e2e2e;padding:0em 2em}.tintoy-site-nav img{vertical-align:middle}.tintoy-site-nav .title{padding-left:5px;vertical-align:middle}.tintoy-site-nav ul,.tintoy-site-nav ol{list-style-type:none;padding:0;display:flex;align-items:center;max-width:600pt;margin:auto}.tintoy-site-nav ul li a,.tintoy-site-nav ol li a{display:block;vertical-align:middle;text-align:center;text-decoration:none;font-weight:500}iframe{width:560px;height:560px;max-width:100%}.page-content{padding:4rem}.container{padding:2em;max-width:600pt;margin:auto}@media screen and (max-width: 600px){.site-header{text-align:center}.page-content{padding:1.5rem}.img-circle{margin-left:auto;margin-right:auto;display:block}}.site-header{background-color:#2a7ae2;color:white}.site-header h1{line-height:1.25;font-weight:600;margin-top:0}.site-title,.site-title:visited{font-size:2.8rem}.site-subtitle{font-size:1.5rem}.social{margin-top:1rem;margin-bottom:1rem}.social a+a{margin-left:1rem}.site-nav{margin-top:1rem;margin-bottom:1rem}.site-header a{color:white}.site-header a:hover{text-decoration:underline}nav li{line-height:1.75}@media screen and (min-width: 600px){.site-nav{font-size:1.25em}.small-print{font-size:75%}}.posts{list-style-type:none}.posts li{margin-bottom:30px}.posts .post-date{display:block;font-size:1em;color:#818181}.post-header{margin-bottom:30px}.post-header .meta{font-size:1em;color:#818181}.post-content{max-width:800px}blockquote.notice{color:#780000;background-color:#ffeeee;border-left:4px solid #920000;padding:15px;margin-left:0em}pre,code{border:1px solid #f2f2f2;color:#bf616a;background-color:#fff;border-radius:3px;font-size:12px;font-family:menlo, monaco, monospace}code{padding:1px 5px}pre code{border:0;padding:8px 12px}pre.terminal{border:1px solid #000;background-color:#333;color:#FFF;border-radius:3px}pre.terminal code{background-color:#333}figure.highlight{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;margin-bottom:20px}.img-circle{border-radius:50%;border:4px solid #2a7ae2}.project .client,.component .client,.component-small .client,.project .role,.component .role,.component-small .role,.project .platform,.component .platform,.component-small .platform,.project .language,.component .language,.component-small .language{font-size:16px;font-weight:300;color:#818181}.project,.component,.component-small{margin-bottom:40px}.project small,.component small,.component-small small{font-size:60%}.component-small h2{font-size:18px}.component-small p,.component-small h3{font-size:14px}p.intro{margin-bottom:20px}p.subtitle{font-style:italic}figure.demo{margin-left:0px;margin-right:0px}.shader-block{display:flex;flex-wrap:wrap;padding-inline-start:0em;gap:20pt}.shader-link-item{display:inline-block;list-style:none;text-align:center}.shader-link-item img{width:100pt;display:block}mrow,msub{margin-right:4px}@media print{.site-header{display:none}body{font-size:12px}h1{font-size:16px}h2{font-size:15px}h3{font-size:14px}h4,h5,h6{font-size:13px}}ul.posts{padding:0px}ul.posts h2{margin-top:0px}ul.tokens{list-style:none;padding:0;margin-left:0;width:100%}ul.tokens li{display:inline-block;position:relative;padding:2px 10px;margin:0 5px 5px 0;background:#2a7ae2;color:#f5f5f5;font-size:14px;border-radius:0.2em}ul.tokens.blue li{background:#2a7ae2}ul.tokens.grey li{background:#555}@media (prefers-color-scheme: dark){body{background-color:#222222;color:#eeeeee}a{color:#3d91ed}.site-header{color:#eeeeee}.site-header a{color:#eeeeee}.other-nav{color:white}}.video-preview{display:block;width:100pt}