:root{--color-background:var(--color-ohmg-black);--color-link:#fff;--color-link-hover:#fff;--color-p5-color:#ed225d;--color-text:#fff;--color-border:#000;--color-ohmg-black:#1b1b1b;--color-ohmg-blue:#94dbff;--color-ohmg-red:#cc4722;--color-ohmg-yellow:#ffbf35;--color-ohmg-lilac:#b0afed;--color-ohmg-pink:#ff94c2;--nav-header-height:70px;--text-width:600px;--max-width-container-small:800px;--max-width-container-large:1000px;--max-width-container:var(--max-width-container);--max-width-image:800px;--max-width-text:60ch;--border-size:10px;--border-size-small:calc(var(--border-size) / 2);--border-rule:var(--border-size) solid #fff;--font-heading:"Public Sans", sans-serif;--font-body:Georgia, serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:clamp(.75rem, 2vw, 1rem);--font-size-fluid-1:clamp(1rem, 4vw, 1.5rem);--font-size-fluid-2:clamp(1.5rem, 6vw, 2.5rem);--font-size-fluid-3:clamp(2rem, 9vw, 3.5rem);--size-4:4px;--size-8:8px;--size-16:16px;--size-20:20px;--size-24:24px;--size-28:28px;--size-32:32px;--size-48:48px;--size-64:64px;--size-80:80px;--size-120:120px;--size-160:160px;--size-240:240px;--size-320:320px;--size-480:480px;--font-size-display-s:var(--font-size-5);--font-size-display-m:var(--font-size-6);--font-size-display-l:var(--font-size-7);--font-size-paragraph-s:var(--font-size-2);--font-size-paragraph-m:var(--font-size-3);--font-size-paragraph-l:var(--font-size-4);--font-size-detail-s:var(--font-size-0);--font-size-detail-m:var(--font-size-1);--font-size-detail-l:var(--font-size-2);--space-stack-xs:var(--size-8);--space-stack-s:var(--size-16);--space-stack-m:var(--size-24);--space-stack-l:var(--size-32);--space-stack-xl:var(--size-64)}body{background-color:var(--color-background);color:#fff;font-family:var(--font-body);font-size:var(--font-size-3);padding:var(--size-20);line-height:1.6}@media (min-width:1024px){body{padding:var(--size-32)}}h1,h2,h3,h4,h5,h6,nav,.buttons{font-family:var(--font-heading);font-weight:500}a{color:var(--color-text);transition:color .2s ease-in-out}a:hover{color:var(--color-text)}h1,h2,h3{line-height:1.2}h4,h5,h6{line-height:1.3}p,li,blockquote{font-family:var(--font-body);line-height:1.6}strong,b{font-weight:700}
