header.svelte-1wjsulw{clip-path:polygon(0 0,100% 0,100% 100%,3rem 100%);background:#f38f3c;padding:1rem;position:absolute;top:0;right:0}header.svelte-1wjsulw nav:where(.svelte-1wjsulw) ul:where(.svelte-1wjsulw){float:right;gap:1rem;margin:0;padding-left:3rem;padding-right:3rem;list-style-type:none;display:flex}header.svelte-1wjsulw nav:where(.svelte-1wjsulw) a:where(.svelte-1wjsulw){color:inherit;text-decoration:none}header.svelte-1wjsulw nav:where(.svelte-1wjsulw) li:where(.svelte-1wjsulw):not(.active) a:where(.svelte-1wjsulw):hover{text-underline-offset:.25em;text-decoration:underline}header.svelte-1wjsulw nav:where(.svelte-1wjsulw) li.active:where(.svelte-1wjsulw) a:where(.svelte-1wjsulw){color:#d3d3d3a6;cursor:default}#foot-icon.svelte-1wjsulw{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-1wjsulw:hover{transform:translate(.1rem,.1rem)scale(1.1)rotate(-5deg)}body{color:#333;background:#eee;margin:0;font-family:sans-serif}body p{line-height:1.35em}main{max-width:40rem;margin:2rem auto;padding:1rem}