:root{--primary-color: #1d1e20;--secondary-color: #969696;--text-color: #ddd8d3;--secondary-text: #494b4e;--highlight: #ff6600}body{background-color:var(--primary-color);color:var(--text-color);margin:3rem}section{display:grid;align-items:center;text-align:center;justify-content:center;grid-auto-flow:row;grid-template-columns:fit-content(60%)}h1{font-family:Playpen Sans,serif;font-weight:600}h2{font-family:Fira Code,serif;font-weight:800}p{font-family:Fira Code,serif}a{color:var(--highlight)}a#icon{color:inherit;text-decoration:none}div#page{min-height:100vh;grid-template-rows:auto 1fr auto;display:grid}ul{list-style-type:none;padding:0}li a{font-family:Fira Code;color:var(--text-color);text-decoration:none;text-align:center;padding:10px 0;display:inline-block}li a #card{display:grid;align-items:center;max-width:36rem;height:5rem;grid-template-columns:1fr 2.5fr;transition:all .1s ease-in-out;background-color:var(--primary-color);border:1px solid #41454e}li a #card:hover{transform:translateY(-8px);border:1px solid var(--secondary-text)}li a #card img{margin-right:1rem}li a #card .text{text-align:left}li a #card .text .title{margin:0}li a #card .text .description{margin:0;max-width:24rem;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}header nav{display:flex;align-items:center;justify-content:right;margin-bottom:2rem;max-width:108rem}header nav a{color:var(--text-color);transition:all .3s ease-in-out;display:inline-block;text-decoration:none;font-family:Fira Code;margin-left:1rem}header nav a:hover{color:var(--highlight);transform:translateY(-2px)}footer{grid-template-columns:minmax(1.2rem,1fr) minmax(auto,57ch) minmax(1.2rem,1fr)}footer p{color:var(--secondary-text)}footer #links{color:var(--secondary-text)}footer #links a:hover{color:var(--highlight)}footer p a{color:var(--secondary-text);transition:all .3s ease-in-out;display:inline-block}footer p a:hover{color:var(--highlight);transform:translateY(-2px)}footer #links a{margin:0rem .5rem}article h1{font-family:Funnel Sans}#post{display:grid;grid-template-columns:minmax(1.2rem,1fr) minmax(auto,3fr) minmax(1.2rem,1fr);grid-column:2;margin-bottom:3rem;ul{text-align:left;list-style-type:square;grid-column:2;margin:0 4rem;li{font-family:Fira Code}}h1{grid-column:2;font-family:Funnel Sans;font-weight:bolder;padding:3rem 0 0}h2{grid-column:2;font-size:28px;font-family:Funnel Sans;font-weight:700;padding:2rem 0 0}a{transition:all .3s ease-in-out}a:hover{color:var(--highlight);transform:translateY(-2px)}pre:has(code){position:relative;grid-column:1/4;width:100%;max-width:100ch;justify-self:center;overflow:visible;padding:2rem 2rem 1rem;border-radius:15px;code{white-space:pre-wrap;word-break:break-all}}pre:has(code) button{position:absolute;right:8px;top:8px}pre button{text-decoration:none;background-color:var(--secondary-color);color:var(--text-color);padding:3px 12px;border:none;border-radius:2px;transition:all .3s ease-in-out}pre button:hover{background-color:var(--highlight);cursor:pointer}table,th,td{grid-column:2;font-family:Fira Code;padding:4px 10px}}#post p{grid-column:2}#post img{grid-column:1 / 4;width:100%;max-width:100ch;justify-self:center}article{line-height:1.6;margin:0 auto;max-width:72rem;section{text-align:left;justify-content:center}}article section h1{text-align:left;justify-content:left}article h1{text-align:center}.overlay{position:absolute;height:40%;width:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;h1{position:relative;top:-2rem;font-family:Funnel Sans}p{position:relative;top:-3rem}Header{position:absolute;right:5rem;top:5rem}}img.hero{height:18rem;filter:blur(5px);width:100%;object-fit:cover;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.littlefoot{top:-.5em;left:-.15em;margin-left:5px;--button-border-radius: 4px;--button-padding: 0px .4em;--button-margin: 0px;--button-background-color: var(--secondary-color);--button-active-background-color: var(--highlight);--button-text-color: var(--text-color);--popover-background-color: #252525;--popover-text-color: var(--text-color)}.nutshell-bubble{display:block;width:100%;border:1px solid black;border-radius:20px;margin-top:22px;position:relative;top:0;transition:top .3s linear}button.nutshell-bubble-overflow-close{color:var(--text-color)}[data-astro-image]{width:100%;height:auto;object-fit:var(--fit);object-position:var(--pos);aspect-ratio:var(--w) / var(--h)}[data-astro-image=responsive]{max-width:calc(var(--w) * 1px);max-height:calc(var(--h) * 1px)}[data-astro-image=fixed]{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px)}