.falling-blocks-layer.svelte-10z09xt{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.fb-shape.svelte-10z09xt{will-change:transform;position:absolute;top:0;left:0}.fb-shape.svelte-10z09xt svg:where(.svelte-10z09xt){width:100%;height:100%;display:block;overflow:visible}.fb-fill-blue.svelte-10z09xt{color:var(--primary-color-one);fill:currentColor}.fb-fill-dark.svelte-10z09xt{color:var(--font-color-one);fill:currentColor}.fb-outline.svelte-10z09xt{fill:none;stroke:currentColor;stroke-width:1.5px}.fb-translucent.svelte-10z09xt{fill-opacity:.5}main.svelte-1uha8ag{max-width:60rem;padding:calc(var(--padding-unit) * 10) calc(var(--padding-unit) * 6);margin-inline:auto}.hero.svelte-1uha8ag{min-height:100vh;padding-block:calc(var(--padding-unit) * 12);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero-copy.svelte-1uha8ag{z-index:1;position:relative}.hero.svelte-1uha8ag p:where(.svelte-1uha8ag){max-width:40rem}.categories.svelte-1uha8ag,.how-to.svelte-1uha8ag{background-color:var(--background-color-two);box-shadow:0 0 0 100vmax var(--background-color-two);clip-path:inset(0 -100vmax);padding-block:calc(var(--padding-unit) * 10)}.category-grid.svelte-1uha8ag{gap:calc(var(--padding-unit) * 6);grid-template-columns:1fr;grid-auto-rows:1fr;display:grid}@media only screen and (width>=32rem){.category-grid.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}}.category-grid.svelte-1uha8ag article:where(.svelte-1uha8ag){border:2px solid var(--primary-color-one);min-width:0;min-height:15rem;padding:calc(var(--padding-unit) * 4);background-color:var(--background-color-one);flex-direction:column;display:flex}.category-grid.svelte-1uha8ag h3:where(.svelte-1uha8ag){align-items:center;gap:calc(var(--padding-unit) * 3);display:flex}.category-mark.svelte-1uha8ag{clip-path:polygon(0 4%,78% 1%,100% 100%,0 100%);width:calc(var(--base-measure) * 6);height:calc(var(--base-measure) * 6);flex-shrink:0;display:inline-block}.pull-quote.svelte-1uha8ag{margin-block:calc(var(--padding-unit) * 14)}.how-to.svelte-1uha8ag ol:where(.svelte-1uha8ag){max-width:34rem}.skill.svelte-1uha8ag{border:2px solid var(--primary-color-one);padding:calc(var(--padding-unit) * 6);margin-block:calc(var(--padding-unit) * 10) calc(var(--padding-unit) * 4)}.skill.svelte-1uha8ag p:where(.svelte-1uha8ag){max-width:34rem}.skill.svelte-1uha8ag code:where(.svelte-1uha8ag){font-size:.9em}.built-by.svelte-1uha8ag{margin-top:calc(var(--margin-unit) * -2);font-size:var(--body-small-font-size);color:var(--font-color-two)}.built-by.svelte-1uha8ag a:where(.svelte-1uha8ag){color:inherit;text-underline-position:from-font;text-underline-offset:1.4px;text-decoration:underline}.built-by.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:var(--font-color-one)}