@font-face{font-family:FontMain;src:url(/Plein-Variable.woff2) format("woff2"),url(/Plein-Variable.woff) format("woff");font-weight:100 900;font-style:normal;font-display:swap;font-stretch:normal}@font-face{font-family:FontHeadings;src:url(/ClashDisplay-Semibold.woff2) format("woff2"),url(/ClashDisplay-Semibold.woff) format("woff");font-weight:100 900;font-style:normal;font-display:swap;font-stretch:normal}:root{--limit-l: 80rem;--limit-m: 60rem;--limit-s: 30rem;--font-main: "FontMain", system-ui, sans-serif;--font-headings: "FontHeadings", system-ui, sans-serif}body,body[data-theme=light]{--color-bg: #efefef;--color-fg: #1b1b1b;--color-accent: #1742c3;--color-accent-contrast: white;--color-tag-bg: #e7ffd4;--color-tag-border: #9ccd75;--color-tag-fg: #506f37}body[data-theme=dark]{--color-bg: #161616;--color-fg: white;--color-accent: #00ffb7;--color-accent-contrast: black;--color-tag-bg: #114436;--color-tag-border: #06b584;--color-tag-fg: #03da9e}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}b{font-weight:600}input,button,textarea,select{font:inherit}a{color:var(--color-accent)}body{background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-main);font-size:1rem;min-height:100vh;display:flex;flex-direction:column}footer{margin-top:auto;padding:1rem;text-align:center;display:grid}.SiteHeader{display:flex;gap:.4rem;max-width:var(--limit-l);width:100%;margin:0 auto}.Menu{margin-left:auto;display:flex;align-items:center}.Menu-item{padding:1rem;color:var(--color-fg);font-weight:500;display:flex;align-items:center;gap:.2rem;position:relative}.ThemeToggler{display:flex;cursor:pointer;border:none;padding:1rem;align-items:center;justify-content:center;aspect-ratio:1 / 1;color:var(--color-fg);background-color:transparent}.Menu-item,.ThemeToggler{transition:color .2s ease-out}.Menu-item:hover,.ThemeToggler:hover{color:var(--color-accent)}[data-theme=dark] .ThemeToggler [data-moon],[data-theme=light] .ThemeToggler [data-sun]{display:none}[data-theme=light] .ThemeToggler [data-moon],[data-theme=dark] .ThemeToggler [data-sun]{display:block}.Homepage{display:grid;grid-template-columns:20rem 1fr;position:relative;padding:10rem 1rem;max-width:var(--limit-m);width:100%;margin:0 auto}.Homepage-title{color:var(--color-accent);font-family:var(--font-headings);font-size:3rem}.Homepage-claim{font-size:1.4rem;opacity:.6;grid-column:1 / 3}.Homepage-links{display:flex;flex-direction:column;gap:.6rem;align-items:flex-end;justify-content:center}.Homepage-link{transition:transform .1s ease-out}.Homepage-link:hover{transform:translate(-10%)}.Article,.Article-main{display:grid;gap:1rem}.Article{max-width:var(--limit-s);width:100%;margin:0 auto;padding:2rem 1rem 4rem}.Article.has-left-sidebar{max-width:var(--limit-m);display:grid;gap:2rem;grid-template-columns:300px 1fr}.Article-image{border-radius:1rem}.Article-title{font-size:2rem;font-family:var(--font-headings)}.Article-claim{font-size:1rem;opacity:.6}.Article-content{line-height:1.6;display:grid;gap:1rem}.Article-side{display:flex}.Projects{display:grid;gap:2rem}.Project{display:grid}.Project-title{font-family:var(--font-headings)}.Project-tags{display:flex;gap:.4rem;max-width:100%;flex-wrap:wrap}.Project-tag{color:var(--color-tag-fg);background-color:var(--color-tag-bg);border:1px solid var(--color-tag-border);border-radius:6px;padding:.2rem 1rem;text-transform:uppercase;font-size:90%;font-weight:600}.Project-links{display:flex;gap:2rem;padding-top:.6rem;padding-bottom:1rem}.Project-link{display:flex;align-items:center;gap:.2rem}@media only screen and (max-width: 768px){.Homepage{grid-template-columns:1fr}.Homepage-claim{grid-column:1 / 2}.Homepage-links{order:2;flex-direction:row;justify-content:flex-end;padding-top:2rem}footer{text-align:left}.Article.has-left-sidebar{grid-template-columns:1fr}.Article-side{justify-content:center}.Article-image{width:160px;height:160px}}