.cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-template-rows:auto;gap:24px;padding:12px 0}.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{padding:.1em .2em;border-radius:5px;border:1px solid var(--border-color)}pre{border-radius:5px;border:1px solid var(--border-color);line-height:1.4;overflow-x:auto;padding:1em}pre code{background-color:rgba(0,0,0,0);color:inherit;font-size:100%;padding:0;border:0;tab-size:4}pre{font-family:var(--code-font);position:relative;-webkit-overflow-scrolling:touch}pre code[class*=language-]{-webkit-overflow-scrolling:touch}.page-header{font-size:3em;line-height:100%;margin:1rem 0px 1rem 0px}.centered-header{text-align:center;font-size:4em}header{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:1em 0}header .main{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;font-size:1.5rem;margin-bottom:10px}.menu{margin-left:.7em}.meta{color:#999;letter-spacing:-.5px}h1,h2,h3,h4,h5,h6{font-size:1.2rem;margin-top:2em}h1::before{color:var(--primary-color);content:"# "}h2::before{color:var(--primary-color);content:"## "}h3::before{color:var(--primary-color);content:"### "}h4::before{color:var(--primary-color);content:"#### "}h5::before{color:var(--primary-color);content:"##### "}h6::before{color:var(--primary-color);content:"###### "}h1.card-title::before{content:none}li.title-list{margin-left:1em}li.title-list::marker{color:var(--primary-color);content:"# ";font-size:1.2rem}footer{display:flex;align-items:center;border-top:.3rem dashed var(--primary-color);padding:.3rem 0rem;margin-top:auto;box-sizing:border-box}.soc{margin-right:1rem;font-size:.9rem;border-bottom:unset}.lic{margin-left:auto;font-size:.6rem}img{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}video{max-width:100%}.primary-color{color:var(--primary-color)}p{line-height:1.5}hr{border:0;border-top:3px solid var(--border-color);margin:1em 0}a{border-bottom:3px solid var(--primary-color);color:inherit;text-decoration:none}.main a{padding-bottom:5px}a:hover{background-color:var(--primary-color);color:var(--hover-color)}.zola-anchor{border-bottom:unset}.zola-anchor:hover{background-color:unset;color:unset}time{color:grey}@media screen and (max-width: 600px){.list>ul{margin:0;padding:0}}blockquote{border-left:3px solid var(--primary-color);background-color:var(--bg-1);margin:0;padding-left:.6em;padding-right:.6em;font-style:italic}cite{display:block;text-align:right}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{margin-block-start:0em}ul.tags{list-style-type:"🏷 "}.tags h1::before{content:"🏷 "}.post-tags{margin-top:2rem}:root{--primary-color: #FF8F00;--hover-color: white;--border-color: var(--bg-1);--text-font: system-ui,sans-serif,ui-sans-serif,Roboto,Noto;--code-font: ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace}html{background-color:var(--bg-0);color:var(--text-0);font-family:var(--text-font);line-height:1.6em}.content{max-width:944px;margin:0 auto;padding:0 10px;word-wrap:break-word;min-height:90vh;display:flex;flex-direction:column}@media all and (min-width: 640px){html{font-size:16.5px}.content{padding:0 14px}}@media all and (min-width: 720px){html{font-size:17px}.content{padding:0 20px}}@media all and (min-width: 960px){html{font-size:18px}.content{padding:0 24px}}:root{--text-0: rgba(0, 0, 0, 87%);--text-1: rgba(0, 0, 0, 66%);--bg-0: #fff;--bg-1: #f2f2f2;--bg-2: #fefefe}@media (prefers-color-scheme: dark){:root{--text-0: rgba(255, 255, 255, 87%);--text-1: rgba(255, 255, 255, 60%);--bg-0: #121212;--bg-1: rgba(255, 255, 255, 5%);--bg-2: rgba(23, 23, 23, 100%)}}