.banner.svelte-14d9hmr.svelte-14d9hmr{background:#ffeb75;color:#2c7e9d;display:grid;padding:4rem 1rem;place-items:center;text-align:center}.banner.svelte-14d9hmr h1.svelte-14d9hmr{font-size:clamp(3rem,10vw,8rem);font-weight:900;line-height:1.1}.banner.svelte-14d9hmr p.svelte-14d9hmr{font-weight:800;margin:.5rem}h3.svelte-14d9hmr.svelte-14d9hmr,p.svelte-14d9hmr.svelte-14d9hmr{font-size:1.25rem;line-height:2rem;margin:2rem;text-align:center}h3.svelte-14d9hmr.svelte-14d9hmr{font-family:Noto Sans TC;font-size:var(--h1-font-size);font-weight:900;line-height:var(--h1-line-height);margin-bottom:5rem}section.svelte-14d9hmr.svelte-14d9hmr{margin:auto;max-width:1231px;padding:0 1rem;width:100%}.projects.svelte-14d9hmr.svelte-14d9hmr{display:grid;gap:20px;width:100%}.projects.svelte-14d9hmr>div:hover{--card-color:var(--color-primary-2)}@media (min-width:430px){.projects.svelte-14d9hmr.svelte-14d9hmr{gap:22px;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));justify-content:center}}