:root{--height-nav: clamp(4rem, 4rem + 9.765258216vw - 2.2887323944rem, 10.5rem);--height-main: calc(100dvh - var(--height-nav));--common-spacing: clamp(1rem, 1rem + 3.0046948357vw - .7042253521rem, 3rem)}@media (max-width: 768px){:root{--common-spacing: clamp(.5rem, .5rem + 1.0516431925vw - .2464788732rem, 1.2rem)}}body{margin:0;padding:0;font-family:Helvetica,sans-serif}body *{box-sizing:border-box}.center-content{display:flex;align-items:center;justify-content:center}.fill-height{height:100%}.page{padding-top:var(--height-nav)}.navigation.svelte-1olann3.svelte-1olann3{display:flex;column-gap:clamp(1rem,1rem + 3.0046948357vw - .7042253521rem,3rem);font-size:clamp(.75rem,.75rem + .7511737089vw - .176056338rem,1.25rem)}.navigation.svelte-1olann3 a.svelte-1olann3{color:#000;text-decoration:none;display:block;position:relative;transition:color .2s ease}.navigation.svelte-1olann3 a.svelte-1olann3:hover{color:#b1b1b1}.navigation.svelte-1olann3 a.svelte-1olann3:after{content:"";position:absolute;top:0;left:-.5em;width:calc(100% + 1em);pointer-events:none;height:calc(100% + .125rem);background-size:100% auto;background-position:bottom center;background-repeat:no-repeat}.navigation.svelte-1olann3 [aria-current=true].svelte-1olann3:nth-child(1):after{background-image:url(../../../image/scratch-work.svg)}.navigation.svelte-1olann3 [aria-current=true].svelte-1olann3:nth-child(2):after{background-image:url(../../../image/scratch-about.svg)}@media (hover){.navigation.svelte-1olann3 a.svelte-1olann3:nth-child(1):hover:after{background-image:url(../../../image/scratch-work.svg)}.navigation.svelte-1olann3 a.svelte-1olann3:nth-child(2):hover:after{background-image:url(../../../image/scratch-about.svg)}}.layout.svelte-l856va.svelte-l856va{height:100dvh;display:flex;flex-direction:column;width:100%}.header.svelte-l856va.svelte-l856va{height:var(--height-nav);display:flex;justify-content:space-between;align-items:baseline;flex-shrink:0;position:fixed;top:0;left:0;right:0;padding:clamp(1rem,1rem + 3.0046948357vw - .7042253521rem,3rem) clamp(1rem,1rem + 3.0046948357vw - .7042253521rem,3rem) 0;z-index:1000}.header.svelte-l856va a.svelte-l856va{color:#000;text-decoration:none}.logo.svelte-l856va.svelte-l856va{font-size:clamp(.75rem,.75rem + .7511737089vw - .176056338rem,1.25rem);transition:color .2s ease}.logo.svelte-l856va.svelte-l856va:hover{color:#b1b1b1}.main.svelte-l856va.svelte-l856va{height:100%;width:100%;flex-grow:0;flex-shrink:1}