ul.horizontal-list{display:flex;margin-top:0;margin-left:-40px;flex-wrap:wrap}ul.horizontal-list li{display:inline;margin-right:1em}ul.horizontal-list li a{text-decoration:none;font-weight:400}.card{padding:1em;width:11em;height:auto;text-align:center;font-size:1em;align-items:center;margin-top:.8em;border-radius:.5em}.card hr{margin:.5em 0}.card .body{font-size:.8em}@media screen and (max-width:600px){ul.horizontal-list li.card{width:100%;display:block;margin-bottom:1em;margin-left:1em}ul.horizontal-list li.card a,ul.horizontal-list li.card .header{font-size:1em}}html{height:100%}body{font-family:inter,-apple-system,avenir next,avenir,roboto,noto,ubuntu,helvetica neue,helvetica,sans-serif;font-size:1rem;line-height:2;margin:0;min-height:100%}pre,code{font-family:roboto mono,courier new,monospace;font-size:.9rem}h2,h3,h4,h5{margin-top:1.5em}hr{margin:1em 0}hr.page-break{text-align:center;border:0}hr.page-break:before{content:"-----"}hr.page-break:after{content:attr(data-content)"-----"}p{margin:1em 0}li{margin:.4em 0}.w{max-width:720px;margin:0 auto;padding:4em 2em}table,th,td{width:100%;border:thin solid #000;border-collapse:collapse;padding:.4em}div.highlighter-rouge pre code,pre code.highlighter-rouge{display:block;overflow-x:auto;padding:1em}blockquote{font-style:italic;border:thin solid #000;padding:1em}blockquote p{margin:0}img{max-width:100%;display:block;margin:0 auto}.highlight,pre code,blockquote{border-radius:.5em}.dashed{margin:.5em 0}mark{padding:.4em;font-size:.6em;letter-spacing:1px}.post-date{margin-top:1rem;font-size:.7em;font-family:roboto mono,courier new,monospace}.home-date{font-family:roboto mono,courier new,monospace}.post-list-item a{text-decoration:none}.text-bold{font-weight:700}.text-upcase{text-transform:uppercase;letter-spacing:1px}p code,li code{padding:.2rem;font-weight:700}.post-title{margin-bottom:-1.5rem}.project-title{margin-bottom:.8rem}.credits{font-size:.8em;margin:8em auto -4em;text-align:center}.credits a{text-decoration:none;font-weight:700}.tag{font-family:roboto mono,courier new,monospace;padding:.4em 1em;margin-right:.5em;border-radius:1em;font-size:.7em;font-weight:700;text-transform:lowercase}html[data-theme=dark] html,html[data-theme=dark] body{--bg:#1f242A;--bg-secondary:#323945;--code-text:#91A7FF;--headings:#74c0fc;--highlight:#41C7C7;--links:#8B8FA3;--share-text:#C4C4C4;--text:#adb5bd;--text-secondary:#9CA3AF}html[data-theme=light] html,html[data-theme=light] body{--bg:#FFF;--bg-secondary:#f3f4f6;--code-text:#9D174D;--headings:#1e293b;--highlight:#FFECB2;--links:#3647A3;--share-text:#999;--text:#374151;--text-secondary:#6b7280}@media(prefers-color-scheme:dark){body[data-theme=auto] html,body[data-theme=auto] body{--bg:#1f242A;--bg-secondary:#323945;--code-text:#91A7FF;--headings:#74c0fc;--highlight:#41C7C7;--links:#91A7FF;--share-text:#C4C4C4;--text:#adb5bd;--text-secondary:#9CA3AF}}@media(prefers-color-scheme:light){body[data-theme=auto] html,body[data-theme=auto] body{--bg:#FFF;--bg-secondary:#f3f4f6;--code-text:#9D174D;--headings:#1e293b;--highlight:#FFECB2;--links:#6366f1;--share-text:#999;--text:#374151;--text-secondary:#6b7280}}html,body{background-color:var(--bg);color:var(--text)}h1,h2,h3,h4,h5,h6{color:var(--headings)}p,strong,b,em,small,li,hr,table,figcaption{color:var(--text)}blockquote{background-color:var(--bg-secondary);border:1px var(--border)solid}a{color:var(--links)}*:target{background-color:var(--bg-secondary)}.dashed{border-top:1px var(--text)dashed}mark{background-color:var(--highlight)}.post-date{color:var(--text-secondary)}p code,li code{background-color:var(--bg-secondary);color:var(--code-text)}.credits{color:var(--text)}.credits a{color:var(--text)}.credits a:hover{color:var(--links)}.tag{color:var(--text-secondary);background-color:var(--bg-secondary)}.card{border:1px var(--text)solid;background-color:var(--bg-secondary)}.card .header{color:(--links)}html.transition,html.transition *,html.transition *:before,html.transition *:after{transition:all 250ms!important;transition-delay:0!important}.theme-toggle{color:var(--text);background-color:initial;padding:4px;cursor:pointer;margin:1em;position:fixed;right:0;top:0;border:2px transparent solid;outline:none}.theme-toggle:hover{color:var(--links);outline:none}.theme-toggle:focus{outline:none}