.App{flex-direction:column;min-height:100vh;display:flex}.App>header{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:row;height:40px;padding:0 .8em;display:flex;overflow:hidden}.App>header .logo{margin-right:.8em}.App .logo{align-self:center;padding:0 .2em;font-size:1.6em;font-weight:700}.App .logo span:first-child{color:#fff}.App .logo span:last-child{color:#fc6}.App>header>nav{flex-direction:row;display:flex}.App>header>nav>a{color:#ccc;padding:.6em}.App>header>nav>a:hover{color:#fff}.App>header>nav>a.active{color:#fff;box-shadow:inset 0 -2px var(--accent)}.App>header>.external{flex-direction:row;align-items:center;display:flex}.App>header>.external>a{color:#ccc;flex-direction:row;align-items:center;padding:.8em;display:inline-flex}@media screen and (width<=540px){.App>header>.external>a>span{display:none}}@media screen and (width<=360px){.App>header .logo .full{display:none}}.App>main{background:var(--bg);flex-direction:column;flex:1;display:flex}:root{--bg:#111113;--bg-band:#18181b;--bg-code:#0b0b0d;--line:#26262b;--line-strong:#3a3a40;--text:#d6d6da;--muted:#a9a9b0;--faint:#8c8c93;--accent:#fc6}body{background:var(--bg);color:#eee;margin:0;padding:0;font-family:Catamaran,sans-serif;font-size:14px}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1{font-size:1.6em}h2,h3,h4,h5,h6{font-size:1.2em}code,.hljs,.glsl-editor.ace_editor,.glsl-documentation .glsl-token-name,.editor-status-bar,.compilation-stats-time .value,.compilation-stats-time .unit{font-family:Monoid,Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace}a{color:inherit;text-decoration:none}a:active,a:hover{color:inherit}.hljs{background:var(--bg-code);color:#ececec;padding:.6em .8em;display:block;overflow-x:auto}.hljs-comment{color:var(--faint)}.hljs-keyword,.hljs-type,.hljs-meta,.hljs-meta .hljs-keyword{color:#8ab4ff}.hljs-built_in,.hljs-title{color:var(--accent)}.hljs-string,.hljs-regexp{color:#9fdc9f}.hljs-number,.hljs-literal,.hljs-symbol{color:#6ee7c8}.hljs-attr,.hljs-attribute,.hljs-name,.hljs-tag,.hljs-variable,.hljs-template-variable,.hljs-params,.hljs-subst,.hljs-bullet,.hljs-link{color:#f0a6ca}blockquote{border-left:2px solid var(--accent);background:var(--bg-band);color:#fff;padding:10px}