.cards{display:grid;grid-template-rows:auto;gap:24px;padding:12px 0}@media all and (min-width: 640px){.cards{grid-template-columns:repeat(auto-fill, minmax(400px, 1fr))}}@media all and (max-width: 640px){.cards{grid-template-columns:repeat(auto-fill, 1fr)}}.card{min-height:100px;background:var(--bg-2);border:2px solid var(--border-color);border-radius:10px;overflow:hidden}.card-info{padding:0 24px 24px 24px}.card-title{margin-top:.7em}.card-image{border:unset;width:100%}.card-image-placeholder{height:12px;width:100%}.card-description{margin-top:.5em;overflow:hidden}@media all and (max-width: 720px){.cards{gap:18px}}code{background-color:var(--bg-1);padding:0;border:1px solid var(--border-color)}pre{line-height:1.4;overflow-x:auto;padding:2em 1em}pre code{background-color:rgba(0,0,0,0);color:inherit;font-size:100%;padding:0;border:none}pre{font-family:var(--code-font);position:relative;-webkit-overflow-scrolling:touch}pre code[class*=language-]{-webkit-overflow-scrolling:touch}pre code[class*=language-]::before{background:#000;color:#fff;font-size:xx-small;letter-spacing:.025rem;padding:.2rem;position:absolute;left:0;margin-top:0;text-align:right;text-transform:lowercase;top:0}pre code[class=language-javaScript]::before,pre code[class=language-js]::before{content:"js";background:#f7df1e;color:#000}pre code[class*=language-yml]::before,pre code[class*=language-yaml]::before{content:"yaml";background:#f71e6a;color:#fff}pre code[class*=language-shell]::before,pre code[class*=language-bash]::before,pre code[class*=language-sh]::before{content:"bash";background:green;color:#fff}pre code[class*=language-json]::before{content:"json";background:#1e90ff;color:#000}pre code[class*=language-python]::before,pre code[class*=language-py]::before{content:"py";background:blue;color:#ff0}pre code[class*=language-css]::before{content:"css";background:aqua;color:#000}pre code[class*=language-go]::before{content:"Go";background:aqua;color:#4169e1}pre code[class*=language-md]::before,pre code[class*=language-md]::before{content:"Markdown";background:#4169e1;color:#f5f5f5}pre code[class*=language-rust]::before,pre code[class*=language-rs]::before{content:"rust";background:#fff8f6;color:#ff4647}.page-header{font-size:2.5rem;line-height:120%;font-family:var(--header-font);margin:2rem 0 1rem 0}.centered-header{font-family:var(--header-font);position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);text-align:center;font-size:4rem}header{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0}.header-nav{white-space:nowrap;overflow:hidden}.header-nav-link{margin-left:1em;border-bottom:none}.header-nav-active{margin-left:1em;border-bottom:3px solid var(--primary-color)}@media all and (max-width: 640px){header{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:stretch;align-items:flex-start}.header-nav{display:flex;flex-direction:column;justify-content:stretch;align-items:flex-start}}header .main{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;font-size:1.5rem;margin-bottom:1.2em}.logo{border:none;text-decoration:none}.logo-link{border:none;padding:0}.logo-link:hover{background-color:unset}.meta{color:#999;letter-spacing:-.5px}h1,h2{font-size:1.2rem;margin:2rem 0}h3,h4,h5,h6{font-size:1rem;margin:2rem 0}h1::before{color:var(--primary-color)}h2::before{color:var(--primary-color)}h3::before{color:var(--primary-color)}.footer{align-items:center;bottom:0;display:flex;flex-direction:column;gap:20px;min-height:var(--footer-size);justify-content:stretch;margin-top:20px;position:relative;text-align:center;width:100%}.footer-links{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}.copyright-notice{color:var(--text-1)}#dark-mode-toggle>img{border:unset;display:none;height:15px;width:15px}.social{background-image:unset;border-bottom:unset;height:var(--icon-size);padding:0;width:var(--icon-size)}.social:hover{background-color:unset}.social>img{border:unset;display:inline-block;height:var(--icon-size);width:var(--icon-size)}img{border:3px solid #ececec;max-width:100%}figure{box-sizing:border-box;display:inline-block;margin:0;max-width:100%}figure img{max-height:500px}@media screen and (min-width: 600px){figure{padding:0 40px}}figure h4{font-size:1rem;margin:0;margin-bottom:1em}figure h4::before{content:"↳ "}svg{max-height:15px}.draft-label{color:var(--hover-color);text-decoration:none;padding:2px 4px;border-radius:4px;margin-left:6px;background-color:var(--primary-color)}::-moz-selection{background:var(--primary-color);color:var(--hover-color);text-shadow:none}::selection{background:var(--primary-color);color:var(--hover-color)}p{line-height:1.5rem}hr{border:0;border-top:3px solid var(--border-color);margin:1em 0}blockquote{border-left:3px solid var(--border-color);color:#737373;margin:0;padding-left:1em}a{border-bottom:3px solid var(--primary-color);color:inherit;text-decoration:none;position:relative;z-index:1}a:hover{background-color:var(--primary-color);color:var(--hover-color)}time{color:gray}.list>ul{margin:0;padding:1rem 0 0 0}.list-item{margin-bottom:25px}@media all and (max-width: 640px){.post-header{display:grid;grid-row-gap:1rem;grid-template-rows:auto 1fr}.post-header h1{margin-top:0;font-size:1rem}.post-header h1 a{border-bottom:none}}@media all and (min-width: 640px){.post-header{display:grid;gap:1rem;grid-row-gap:1rem;grid-template-columns:auto 1fr}.post-header h1{margin:0;font-size:1rem}.post-header h1 a{border-bottom:none}}#dark-mode-toggle{border-bottom:none}#dark-mode-toggle:hover{background-color:rgba(0,0,0,0)}table{border-spacing:0;border-collapse:collapse}table th{padding:6px 13px;border:1px solid #dfe2e5;font-size:large}table td{padding:6px 13px;border:1px solid #dfe2e5}.tags li::before{content:"🏷 "}.tags a{border-bottom:3px solid var(--primary-color)}.tags a:hover{color:var(--hover_color);background-color:var(--primary-color)}:root{--border-color: var(--bg-1);--text-font: "IBM Plex Mono Regular", monospace;--header-font: "IBM Plex Mono Bold", monospace;--code-font: "IBM Plex Mono Regular", monospace;--footer-size: 80px;--icon-size: 24px}html{background-color:var(--bg-0);color:var(--text-0);font-family:var(--text-font);font-size:1rem;line-height:1.6em;height:100%}body{height:100%;padding:0;margin:0}.content{min-height:calc(100% - var(--footer-size) - 40px);margin:20px auto;padding:0 20px;word-wrap:break-word}@media all and (min-width: 1200px){.content{max-width:1000px}}