@font-face{font-family:urbanist;src:url(/fonts/Urbanist-VariableFont_wght.woff2)format('woff2');font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:opencherry;src:url(/fonts/OpenCherry-Regular.woff2)format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:commitmono;src:url(/fonts/CommitMono.woff2)format('woff2');font-style:normal;font-weight:400 700;font-display:swap}:root{--font-sans:'Urbanist';--font-heading:'OpenCherry', 'Urbanist';--font-mono:'CommitMono'}@layer skirbi-base{[skirbi-theme]{--skirbi-font-defaults:var(--font-sans);--skirbi-font-header-defaults:var(--font-heading)}}@layer skirbi-theme{html[skirbi-theme]{hyphens:auto}[skirbi-theme]{--skirbi-font-sans:var(--font-sans);--skirbi-font-mono:var(--font-mono);--skirbi-primary-main:#172235;--skirbi-secondary-main:#D4AA00;p{text-align:justify} :where(h1, h2, h3, h4, h5, h6) { font-family: var(--skirbi-font-headers); } :where(h2, h3, h4, h5, h6) { font-variant: small-caps; } font-family: var(--skirbi-font-sans)}}@layer skirbi-components{[skirbi-theme]{semtic-nav [semtic-nav-avatar][hero-image=banner]{width:auto;height:clamp(3rem,7vw,7rem);max-height:12rem;border-radius:0} [semtic-nav-title] { font-family: var(--skirbi-font-heading); text-transform: uppercase; } article > semtic-header h1 { text-transform: uppercase; text-align: center; } article > semtic-header h1 + h2 { text-align: center; } semtic-aside[related-posts] h3 { text-transform: uppercase; } @media (max-width: 36rem) { semtic-nav-item [semtic-nav-link] { text-align: left; letter-spacing: 0.10rem; padding: 0.2rem 0.40rem; font-size: 0.7em; } }}}@keyframes strike-line{from{width:0}to{width:100%}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes appear{to{opacity:1}}@layer skirbi-theme{[skirbi-theme=landingpage]{margin-inline:auto;--skirbi-page-bg:var(--skirbi-primary-main);--skirbi-padding:1.75rem;--skirbi-padding-max:3rem;--landing-page-font-size:1.5rem;--skirbi-columns:3;dibuho-panel[landing-content]{align-content:center;height:100vh; [swap-word] { position: relative; display: inline-block; } [strike-animate] { position: relative; display: inline-block; animation: fade-out 0.4s ease 2.6s forwards; } [appear-animate] { position: absolute; left: 50%; top: 0; transform: translateX(-50%); opacity: 0; animation: appear 0.4s ease 2.8s forwards; } [strike-animate]::after { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0.15em; background: white; animation: strike-line 1s ease 1s forwards; } semtic-grid { grid-template-columns: 1fr 2fr 1fr; align-items: center; align-content: center; min-height: 90vh; overflow: auto; gap: 2rem; padding-inline: 3rem; padding-bottom: 3rem; h1 { grid-column: 1 / -1; text-align: center; padding-top: calc(var(--skirbi-padding-max) * 2); padding-bottom: var(--skirbi-padding-max); text-align: center; text-transform: uppercase; hyphens: manual; } } strong { color: var(--skirbi-secondary-main); font-weight: inherit; } span[mouse] { position: relative; } del { text-decoration-thickness: 0.33rem; } img { width: 25vw; object-fit: contain; align-self: center; } p { text-align: center; font-size: var(--landing-page-font-size); } [landing-pitch-link] { flex: 1; text-align: center; color: inherit; text-decoration: none; cursor: pointer; img { position: absolute; width: 1.5rem; top: -0.15rem; right: 2rem; } } @media (max-width: 64rem) { semtic-grid { --skirbi-columns: 1; justify-items: center; padding-inline: 1rem; } h1 { margin: 1rem; } img[banner] { height: auto; width: 50vw; } [landing-pitch] { text-align: center; } img[tagline] { width: 70vw; } }}@media(max-width:36rem){--skirbi-padding-max: 2rem;}}}