@font-face{font-family:Domine;src:url(../../../fonts/Domine/Domine-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Roboto;src:url(../../../fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf) format("truetype");font-weight:100 900;font-style:normal}:root{--brand: oklch(62% .18 255);--brand-bg: oklch(from var(--brand) 96% calc(c*.15) h);--brand-surface: oklch(from var(--brand) 88% calc(c/4) h);--brand-surface-strong: oklch(from var(--brand) 80% calc(c/4) h);--brand-fg: oklch(from var(--brand) 25% calc(c*.4) h);--brand-fg-strong: oklch(from var(--brand) 18% calc(c/2) h);--brand-fg-on-brand: var(--brand-bg);--mobile-threshhold: 600px}html,body{min-height:100vh;margin:0;padding:0}*{box-sizing:border-box}body{display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr;background-color:var(--brand-bg)}.only-mobile{display:none}@media(max-width:700px){.no-mobile{display:none}.only-mobile{display:block}}main{padding-top:2rem;font-family:Domine,Times New Roman,Times,serif;color:var(--brand-fg)}@property --nav-btn-grad-trans{syntax: "<percentage>"; initial-value: 0%; inherits: false;}nav{position:sticky;width:75%;margin:0 auto;top:1rem;height:calc(1.5rem + 2.5vmin);border-radius:1rem;background-color:var(--brand);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--brand-fg-on-brand);z-index:60;display:flex;flex-direction:row;padding:0 .5rem;align-items:center}nav .spacer{flex-grow:1}nav a,nav button{all:unset;font-family:Domine,Times New Roman,Times,serif;display:flex;font-size:calc(.75rem + 1vmin);padding:calc(.25rem + .5vmin);border-radius:.5rem;corner-shape:squircle;cursor:pointer;--nav-btn-grad-trans: 0%;--grad-color: var(--brand-surface);background:radial-gradient(circle,transparent calc(var(--nav-btn-grad-trans) - 200%),transparent calc(var(--nav-btn-grad-trans) - 150%),var(--grad-color) calc(var(--nav-btn-grad-trans) - 150%),var(--grad-color) calc(var(--nav-btn-grad-trans) - 100%),var(--grad-color) calc(var(--nav-btn-grad-trans) - 50%),transparent calc(var(--nav-btn-grad-trans) - 50%),transparent var(--nav-btn-grad-trans));transition:--nav-btn-grad-trans .75s ease}:is(nav a,nav button):hover{--nav-btn-grad-trans: 300%}@media(max-width:700px){nav{width:100%;top:0;border-radius:0;box-shadow:0 0 .5rem #00000080}}.h-cont{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.h-cont>*{max-width:100%}@media(max-width:700px){.h-cont{grid-auto-flow:row}}.v-cont{display:flex;flex-direction:column}.button-highlight{all:unset;padding:.5rem 1rem;width:max-content;background-color:var(--brand);color:var(--brand-fg-on-brand);font-weight:700;-webkit-user-select:none;user-select:none;border-radius:.5rem;cursor:pointer}.button-simple{background-color:var(--brand);color:var(--brand-fg-on-brand);padding:.125rem .5rem;border-radius:.25rem;height:min-content;width:max-content;-webkit-user-select:none;user-select:none;cursor:pointer;border:none}.button-simple>*{margin:auto}.collapse-cont{padding:.5rem;border-radius:.25rem}.collapse-cont summary{cursor:pointer;list-style:none}.collapse-cont summary:before{content:"➜";display:inline-block;margin-right:.5rem;transition:transform .3s ease}.collapse-cont:open summary{margin-bottom:.5rem}.collapse-cont:open summary:before{transform:rotate(90deg)}