header.svelte-1fzugv2{clip-path:polygon(0 0,100% 0,100% 100%,3rem 100%);background:#f38f3c;padding:1rem;position:absolute;top:0;right:0}header.svelte-1fzugv2 nav:where(.svelte-1fzugv2) ul:where(.svelte-1fzugv2){float:right;gap:1rem;margin:0;padding-left:3rem;padding-right:3rem;list-style-type:none;display:flex}header.svelte-1fzugv2 nav:where(.svelte-1fzugv2) a:where(.svelte-1fzugv2){color:inherit;text-decoration:none}header.svelte-1fzugv2 nav:where(.svelte-1fzugv2) li:where(.svelte-1fzugv2):not(.active) a:where(.svelte-1fzugv2):hover{text-underline-offset:.25em;text-decoration:underline}header.svelte-1fzugv2 nav:where(.svelte-1fzugv2) li.active:where(.svelte-1fzugv2) a:where(.svelte-1fzugv2){color:#d3d3d3a6;cursor:default}#foot-icon.svelte-1fzugv2{background-color:var(--foot-color,#0f0);width:60px;height:60px;-webkit-mask-image:var(--foot-icon);mask-image:var(--foot-icon);padding:0;transition:transform .2s;position:fixed;top:5px;right:-15px;transform:rotate(20deg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#foot-icon.svelte-1fzugv2:hover{transform:translate(.1rem,.1rem)scale(1.1)rotate(-5deg)}body{--primary:#1e3a8a;--effect:#06b6d4;--background:#f3f4f6;--text:#111827;background-color:var(--background);color:#333;font-family:sans-serif}body p{line-height:1.35em}main.svelte-12qhfyh{--background2:#fdfaf3;background-color:var(--background2);max-width:40rem;margin:2rem auto;padding:1rem 2rem}