code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#50fa7b}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.regex,.token.important{color:#ffb86c}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@font-face{font-family:Comfortaa;src:url(./src/assets/fonts/Comfortaa-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:Quicksand;src:url(./src/assets/fonts/Quicksand-VariableFont_wght.ttf) format("truetype")}:root{--bg-primary: #0a0a0a;--bg-secondary: #222;--text-color-one: #57616f;--text-color-white: #fff;--color-primary: #049EF4;--color-primary-grey: #999;--sidebar-width: 300px;--sidebar-padding: 1rem}body{font-family:Quicksand;font-size:16px;background-color:var(--bg-primary);color:var(--text-color-one);margin:0}a{color:var(--color-primary);text-decoration:none}h1,h2,h3,h4,h5,h6{margin:2rem 0;font-family:Comfortaa;color:var(--text-color-white)}li{margin:2rem 0}p{line-height:26px}img{display:block;margin:auto}canvas{display:block;width:100%;background:#222;justify-self:center;border-radius:5px}table{width:100%;border-collapse:collapse}tr{border-bottom:1px solid #ffffff}tr:last-child{border:none}th{color:var(--text-color-white)}th,td{text-align:left;padding:.5rem 0}figure{margin:0 0 1rem}figcaption{text-align:center}#root{display:flex}#root>:not(.navigation){margin:0 auto;width:680px}#canvas-container{position:relative;width:fit-content;justify-self:center}.lil-gui{position:absolute;top:0;right:0}.tag-danger{display:inline-block;background-color:#3e0913;color:#fd8f90;padding:.2rem .4rem;border:1px solid #8a132c;border-radius:5px}.callout{background-color:var(--bg-secondary);font-weight:900;display:block;text-align:center;border-radius:4px;padding:1rem}@media screen and (max-width: 768px){body{font-size:14px}pre{font-size:11px}img{width:100%;height:90%}#root{display:block}#root>:not(.navigation){width:360px}}:not(pre)>code[class*=language-]{font-size:.875em;padding:.2em .4em;border-radius:.2em}pre{position:relative}.line-highlight{position:absolute;left:0;right:0;background:#ff000030;border-left:2px solid red;margin-top:1em;width:calc(100% - 2px)!important}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.navigation ul{padding:0}.navigation li{font-size:16px;list-style:none;margin:.4rem 0}.navigation-container{position:absolute;z-index:100;width:calc(var(--sidebar-width) + calc(2 * var(--sidebar-padding)));transition:.5s}.navigation-container.closed{width:0}.navigation{position:fixed;background:var(--bg-primary);width:var(--sidebar-width);height:100vh;padding:0 var(--sidebar-padding);border-right:1px solid var(--color-primary);overflow:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:grey transparent;transition:.5s;& a{color:var(--text-color-one);text-decoration:none}a:hover{color:var(--color-primary)}}.navigation.closed{width:0;padding:0}#notransition{transition:none}header{>h1{font-family:Comfortaa;margin:3rem 0 2rem}}.menu{width:var(--sidebar-width);>details{margin:2rem 0}}summary{font-size:1.2rem;color:var(--color-primary)}summary:hover{cursor:pointer}.chapter{margin-bottom:.8rem;color:var(--text-color-white)}.open-arrow{position:fixed;top:50%;left:1rem;opacity:0}.open-arrow.closed{opacity:100;transition:.5s;transition-delay:.5s}i:hover{cursor:pointer}i.bars{display:none}i.xmark{position:absolute;top:1rem;right:1rem}@media screen and (max-width: 768px){.navigation-container{position:sticky;width:inherit;top:0}.navigation{position:relative;width:100vw;height:initial;margin:0 -1rem;padding:0;border-right:none;border-bottom:1px solid var(--color-primary)}.header{>h1{margin:1rem 0}}.menu.opened{display:block}.menu{display:none}.header{display:flex;margin:0 8px;justify-content:space-between}.header-title{margin:1rem 0}i.bars{display:initial;padding:1rem;align-self:center}i.xmark{display:none}}.box{background-color:red;width:100px;height:100px;animation:rotate 3s infinite}.circle{display:inline-block;background-color:red;margin-right:1rem;width:50px;height:50px;border-radius:50%;animation:bounce alternate infinite cubic-bezier(.2,.65,.6,1)}.circle.one{--bounce-offset: -20px;animation-duration:.2s}.circle.two{--bounce-offset: -30px;animation-duration:.3s}.circle.three{--bounce-offset: -40px;animation-duration:.4s}.sprite{background-image:url(/assets/bird-DWiCQK5v.png);width:170px;height:130px;animation:sprite 1s steps(8) infinite}@keyframes rotate{0%{transform:rotate(none)}to{transform:rotate(360deg)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(var(--bounce-offset))}}@keyframes sprite{0%{background-position:0px}to{background-position:-1390px}}