.block-project.svelte-4z9m4q{flex-grow:1;max-width:36rem;padding:1rem 1rem 1rem 2.5rem;background:none;border:none;position:relative}.block-project.svelte-4z9m4q:before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:-1;background:#0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:skew(-12deg);transition:all .12s ease-out}.block-project.svelte-4z9m4q:before{transition:all .12s ease-out}.block-project.svelte-4z9m4q:hover,.block-project.svelte-4z9m4q:focus-visible,.block-project.svelte-4z9m4q:active{cursor:pointer}.block-project.svelte-4z9m4q:hover:before,.block-project.svelte-4z9m4q:focus-visible:before,.block-project.svelte-4z9m4q:active:before{background:#00000080}.block-project.svelte-4z9m4q:before{transition:all .12s ease-out,transform 1s cubic-bezier(.19,1,.22,1) var(--delay, 0s),opacity 1s cubic-bezier(.19,1,.22,1) var(--delay, 0s)}.block-project.svelte-4z9m4q:not(.intersected):before{transform:skew(-12deg) scale(.9);opacity:0}.block-project.intersected.svelte-4z9m4q:before{opacity:1}.block-project.svelte-4z9m4q:hover{cursor:auto;opacity:1!important}.block-project.svelte-4z9m4q:hover img.project-icon:where(.svelte-4z9m4q){transform:scale(1.1)}.content.svelte-4z9m4q{display:flex;flex-flow:row nowrap;justify-content:start;align-items:center;gap:2rem;transform:scale(.9);opacity:0;transition:all 1s cubic-bezier(.19,1,.22,1) var(--delay, 0s)}.block-project.intersected .content.svelte-4z9m4q{transform:none;opacity:1}img.project-icon.svelte-4z9m4q{max-width:100%;transition:all .5s cubic-bezier(.19,1,.22,1) var(--delay, 0s)}.info.svelte-4z9m4q{flex-grow:1;height:100%;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:start;gap:.25rem}.upper.svelte-4z9m4q{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:.5rem}.upper.svelte-4z9m4q h3:where(.svelte-4z9m4q){font-family:Overpass,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:200%;font-weight:400;color:#fff;text-align:start}.block-project.shrink.svelte-4z9m4q .upper:where(.svelte-4z9m4q) h3:where(.svelte-4z9m4q){font-size:175%}.upper.svelte-4z9m4q p.love:where(.svelte-4z9m4q){min-width:max-content;font-size:150%}.upper.svelte-4z9m4q>div:where(.svelte-4z9m4q){display:flex;flex-flow:row wrap;align-items:center;gap:.5rem}.upper.svelte-4z9m4q .ext-links:where(.svelte-4z9m4q) img.ext-link:where(.svelte-4z9m4q){max-height:100%;aspect-ratio:1;transition:all .12s ease-out}.upper.svelte-4z9m4q .ext-links:where(.svelte-4z9m4q) img.ext-link:where(.svelte-4z9m4q):hover{transform:scale(1.1)}.capt.svelte-4z9m4q{flex-grow:1;width:100%;height:max-content;position:relative}.capt.svelte-4z9m4q .inner:where(.svelte-4z9m4q){width:100%;display:flex;flex-flow:row wrap;align-items:center;gap:.5rem}.capt.svelte-4z9m4q .inner:where(.svelte-4z9m4q) span.separator:where(.svelte-4z9m4q){padding-bottom:.1em;font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;color:#fff9;font-size:125%}.capt.svelte-4z9m4q .inner:where(.svelte-4z9m4q) span.separator:where(.svelte-4z9m4q):last-child{display:none}.capt.svelte-4z9m4q .inner:where(.svelte-4z9m4q) p:where(.svelte-4z9m4q){font-family:Anta,Agency FB,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:100%;color:#fff9}.capt.svelte-4z9m4q .inner:where(.svelte-4z9m4q) p.developing:where(.svelte-4z9m4q){color:#40f190!important}.capt.svelte-4z9m4q .inner:where(.svelte-4z9m4q) p.maintaining:where(.svelte-4z9m4q){color:#40e0ff!important}.capt.svelte-4z9m4q .inner.init:where(.svelte-4z9m4q){opacity:1;transition:all .2s ease-out;transition-delay:true}.block-project.svelte-4z9m4q:where(:where(.svelte-4z9m4q):hover,:where(.svelte-4z9m4q):focus) .capt:where(.svelte-4z9m4q) .inner.init:where(.svelte-4z9m4q){opacity:0;transition:all .2s ease-out}.capt.svelte-4z9m4q .inner.alt:where(.svelte-4z9m4q){position:absolute;top:0;left:0;opacity:0;transition:all .2s ease-out}.block-project.svelte-4z9m4q:where(:where(.svelte-4z9m4q):hover,:where(.svelte-4z9m4q):focus) .capt:where(.svelte-4z9m4q) .inner.alt:where(.svelte-4z9m4q){opacity:1;transition:all .2s ease-out;transition-delay:true}.body.svelte-4z9m4q{padding-bottom:.5rem}.body.svelte-4z9m4q p:where(.svelte-4z9m4q){font-family:Overpass,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;color:#fff;text-align:left}.lower.svelte-4z9m4q{padding-top:.1rem}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q){display:flex;flex-flow:row wrap;justify-content:start;gap:.5em;list-style-type:none}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:where(.svelte-4z9m4q){padding:.15em .5em 0;font-family:Overpass,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:110%;color:#fff;position:relative}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:where(.svelte-4z9m4q):before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:-1;background:#0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:skew(-12deg);transition:all .12s ease-out}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:where(.svelte-4z9m4q){transition:all .12s ease-out}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:where(.svelte-4z9m4q):hover{cursor:auto;padding-left:.8em;padding-right:.8em;color:#000}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:where(.svelte-4z9m4q):hover:before{background:#fff}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:not(:hover).tech:where(.svelte-4z9m4q):before{background:#a9b0b84d}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:not(:hover).unity:where(.svelte-4z9m4q):before{background:#40f19099}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:not(:hover).python:where(.svelte-4z9m4q):before{background:#0064f1cc}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:not(:hover).csharp:where(.svelte-4z9m4q):before{background:#ff0090cc}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:not(:hover).ruby:where(.svelte-4z9m4q):before{background:#ff1000cc}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:not(:hover).haskell:where(.svelte-4z9m4q):before{background:#9090f1b0}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:not(:hover).rust:where(.svelte-4z9m4q):before{background:#f160f1b0}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:not(:hover).svelte:where(.svelte-4z9m4q):before{background:#ff7020cc}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:not(:hover).javascript:where(.svelte-4z9m4q):before{background:#ffc720b0}.lower.svelte-4z9m4q ul.tags:where(.svelte-4z9m4q) li:not(:hover).typescript:where(.svelte-4z9m4q):before{background:#ffc720b0}@media(min-width:1441px){.block-project.svelte-4z9m4q{max-width:40rem}}
