.useless-button.svelte-pwudwi{display:block;background-color:var(--color-bg-n);font-size:1.25rem;cursor:pointer;border-radius:1rem;overflow:hidden;transition:transform ease .1s;&:hover{transform:scale(1.02)}&:active{transform:scale(.97)}>.name:where(.svelte-pwudwi){display:inline-block;font-weight:300;padding-inline-start:1rem;padding-inline-end:.5rem;padding-block:.5rem}>.number:where(.svelte-pwudwi){display:inline-block;padding-inline-start:.75rem;padding-inline-end:.75rem;padding-block:.5rem;background-color:var(--color-green);color:var(--color-bg-n);font-weight:600}}.comments[data-astro-cid-3tl5xtzg]{overflow-y:scroll;padding-inline:3rem;margin-inline:1rem;height:100%;padding-block:2rem;@media(max-width:767px){padding-inline:1rem}>.comment[data-astro-cid-3tl5xtzg]{padding-block-start:1.5rem;padding-block-end:1.5rem;&:not(:last-child){border-bottom:solid 2px rgb(from var(--color-fg-0) r g b / .05)}>.comment-head[data-astro-cid-3tl5xtzg]{display:flex;align-items:center;padding-inline:1.25rem;padding-block-end:1.5rem;gap:1rem;>.avatar[data-astro-cid-3tl5xtzg]{flex:none;width:3rem;height:3rem;border-radius:9999px;object-fit:cover}>.userinfo[data-astro-cid-3tl5xtzg]{min-width:0;flex-shrink:1;>.username[data-astro-cid-3tl5xtzg]{overflow-x:hidden;font-weight:700}>.comment[data-astro-cid-3tl5xtzg]{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.5}}}>.comment-content[data-astro-cid-3tl5xtzg]{padding-inline:1.5rem;p{margin:.5rem 0}s{opacity:.5}}}}@keyframes svelte-1tbx6bb-blink{0%,to{opacity:1}50%{opacity:0}}.typewriter.svelte-1tbx6bb{display:inline-block;position:relative;background-color:var(--color-bg-1);padding:.25rem .5rem;margin:0 .25rem;border-radius:.5rem;>.edit:where(.svelte-1tbx6bb){text-decoration:underline}&:after{--gap-ud: .5rem;content:"";position:absolute;inset-inline-end:.5rem;inset-block-start:var(--gap-ud);block-size:calc(100% - var(--gap-ud) * 2);inline-size:2px;background-color:var(--color-fg-0);animation:svelte-1tbx6bb-blink 1s step-end infinite}}html{scroll-snap-type:y proximity;scroll-behavior:smooth}.slide[data-astro-cid-j7pv25f6]{scroll-snap-align:start;scroll-snap-stop:always;height:100lvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate;&:nth-child(2n){background-color:var(--color-bg-1)}>.notation[data-astro-cid-j7pv25f6]{position:absolute;width:100dvw;padding-inline-start:2rem;padding-block-end:2rem;inset-inline-start:0;inset-block-end:calc(100lvh - 100dvh);font-size:smaller;color:var(--color-fg-0);opacity:.3;& a[data-astro-cid-j7pv25f6]{text-decoration:underline;&:hover{background-color:var(--color-fg-0);color:var(--color-bg-0)}}}& h1[data-astro-cid-j7pv25f6]{font-size:clamp(2.5rem,6vw,3rem);font-weight:800}}.animation-error-warning[data-astro-cid-j7pv25f6]{display:none}@media(prefers-reduced-motion:reduce){@-moz-document url-prefix(){.animation-error-warning[data-astro-cid-j7pv25f6]{display:block}html{scroll-snap-type:none;scroll-behavior:auto}}}@property --avatar-scalar{syntax: "<number>"; inherits: true; initial-value: 0;}@property --avatar-hover-scalar{syntax: "<number>"; inherits: true; initial-value: 0;}@property --avatar-rotation{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.self-introduction[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;text-align:center;align-items:center;gap:2rem;@media(min-width:768px){flex-direction:row-reverse;text-align:left}>.avatar[data-astro-cid-j7pv25f6]{margin:0;border-radius:50%;--final-width: clamp(160px, 30vw, 240px);--avatar-scalar: 0;--avatar-hover-scalar: 1;--avatar-rotation: 20deg;transition:--avatar-rotation cubic-bezier(.2,1,.4,1) 1.8s,--avatar-scalar cubic-bezier(.2,2,.3,.8) 1.2s,--avatar-hover-scalar cubic-bezier(.2,3,.4,.6) .6s,width cubic-bezier(.4,1,.4,1) .9s;transform:rotate(var(--avatar-rotation)) scale(var(--avatar-scalar)) scale(var(--avatar-hover-scalar));aspect-ratio:1 / 1;overflow:hidden;width:0;section[data-astro-cid-j7pv25f6].slide.slide-visible &{--avatar-scalar: 1;--avatar-rotation: 0deg;width:var(--final-width)}&:hover,&:focus{--avatar-hover-scalar: 1.05}}>.descriptions[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:3rem;>.motto[data-astro-cid-j7pv25f6]{font-size:clamp(2rem,4vw,4rem);font-weight:800;display:grid;grid-template-rows:repeat(3,1fr);align-items:center;width:11em;>p[data-astro-cid-j7pv25f6]{width:max-content;margin-inline:auto;@media(min-width:768px){margin-inline:0}}}>.buttons[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;@media(min-width:768px){flex-direction:row}}}}.thsx[data-astro-cid-j7pv25f6]{cursor:pointer;text-decoration:underline}.motto[data-astro-cid-j7pv25f6]>p[data-astro-cid-j7pv25f6]{position:relative;overflow:hidden;&:before{content:"";display:block;background-color:var(--color-fg-0);width:100%;height:100%;position:absolute;z-index:2;inset-inline-start:-100%}}section[data-astro-cid-j7pv25f6]:has(.thsx:hover) .motto[data-astro-cid-j7pv25f6]>p[data-astro-cid-j7pv25f6],section[data-astro-cid-j7pv25f6]:has(.thsx:focus) .motto[data-astro-cid-j7pv25f6]>p[data-astro-cid-j7pv25f6]{&:nth-child(1):before{transition-delay:0}&:nth-child(2):before{transition-delay:.1s}&:nth-child(3):before{transition-delay:.2s}&:before{transition:inset-inline-start cubic-bezier(.2,1,.17,1) 1s;inset-inline-start:0%}}section[data-astro-cid-j7pv25f6]:has(.thsx:hover) .buttons[data-astro-cid-j7pv25f6]{transition:filter cubic-bezier(.2,1,.17,1) 1s;filter:grayscale(100%)}.slide-title-design1[data-astro-cid-j7pv25f6]{position:absolute;inset-inline-start:-3rem;inset-block-end:-2rem;opacity:0;user-select:none;z-index:-1;transition:all ease 1.5s;section[data-astro-cid-j7pv25f6].slide.slide-visible &{opacity:.2;inset-inline-start:-1rem}>svg[data-astro-cid-j7pv25f6]{font-weight:900;font-size:10rem;>.stroke-layer[data-astro-cid-j7pv25f6]{fill:none;stroke:var(--color-fg-0);stroke-width:1px;stroke-linejoin:round}>.main-layer[data-astro-cid-j7pv25f6]{fill:var(--color-fg-0)}}}.slide-title-design2[data-astro-cid-j7pv25f6]{position:absolute;inset-inline-end:-5rem;inset-block-start:-2rem;opacity:0;user-select:none;z-index:-1;transition:all ease 1.5s;section[data-astro-cid-j7pv25f6].slide.slide-visible &{opacity:.2;inset-inline-end:-3rem}>svg[data-astro-cid-j7pv25f6]{font-size:288px;transform:rotate(-12deg)}}.comment-page-container[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;justify-content:center;>.comment-container[data-astro-cid-j7pv25f6]{height:0;padding:0;margin:0;transition:all cubic-bezier(.4,1,.4,1) 1.2s;border-radius:1rem;background-color:var(--color-bg-n);width:min(100dvw - 2rem,40rem);position:relative;&:before{content:"";display:block;width:100%;height:100%;border-radius:1rem;transition:all cubic-bezier(.4,1,.4,1) 1.2s;position:absolute;transform:rotate(0);z-index:-1;background-color:rgb(from var(--color-fg-0) r g b / .05)}section[data-astro-cid-j7pv25f6].slide.slide-visible &{margin-block-start:2rem;height:60dvh;&:before{transform:rotate(-6deg)}}}}@keyframes bg-contact-roll{0%{background-position:0 0}to{background-position:var(--bg-width) 0}}.contact-container[data-astro-cid-j7pv25f6]{>h1[data-astro-cid-j7pv25f6]{--height: 1.5em;--skew-angle: 15deg;--col1: var(--color-fg-0);--bg-width: 2rem;--unit: calc(tan(var(--skew-angle)) * var(--height) * .5);height:var(--height);line-height:var(--height);display:grid;grid-template-columns:auto 1fr;color:var(--color-bg-0);margin-block-end:.5em;position:relative;>.text[data-astro-cid-j7pv25f6]{background-color:var(--color-fg-0);position:relative}.animation-before[data-astro-cid-j7pv25f6]{width:calc(var(--unit) * 2);position:absolute;overflow:hidden;height:100%;inset-inline-end:calc(var(--unit) * -2);inset-block-start:0;&:after{content:"";display:block;background-color:var(--col1);width:100%;height:100%;transform:skew(var(--skew-angle)) translate(calc(-1 * var(--unit)))}}>.animation[data-astro-cid-j7pv25f6]{content:"";display:block;background-image:linear-gradient(90deg,transparent 0,transparent 25%,var(--col1) 25%,var(--col1) 75%,transparent 75%,transparent 100%);background-repeat:repeat;background-size:var(--bg-width) 100%;animation:bg-contact-roll infinite linear 2s;transform:skew(var(--skew-angle)) translate(calc(var(--unit) - 1px))}}>table[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);& caption[data-astro-cid-j7pv25f6]{text-align:center}& tr[data-astro-cid-j7pv25f6]{text-align:left;display:grid;grid-template-columns:6em 16em;gap:1em;line-height:2em;@media(max-width:767px){grid-template-columns:18em;gap:0;line-height:1.8em;margin-block:1em}& th[data-astro-cid-j7pv25f6]:nth-child(1){display:flex;justify-content:space-between;@media(max-width:767px){justify-content:left}&:after{content:":"}}& th[data-astro-cid-j7pv25f6]:nth-child(2){display:flex;justify-content:space-between;@media(max-width:767px){justify-content:end}&:before{content:"["}&:after{content:"]"}&:hover,&:has(a:focus){background-color:var(--color-fg-0);color:var(--color-bg-0)}>a[data-astro-cid-j7pv25f6]{text-align:center;margin-inline:1em;&:focus{outline:none}}}}}}.slide[data-astro-cid-j7pv25f6]:has(>.friends){flex-direction:column;gap:1rem}.friends[data-astro-cid-j7pv25f6]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:50rem;max-height:30rem;padding-block:3rem;overflow-y:auto;margin-inline:1rem;background-color:rgb(from var(--color-bg-2) r g b / .5);border-radius:2rem;backdrop-filter:blur(5px);>.friend[data-astro-cid-j7pv25f6]{background-color:var(--color-bg-0);display:grid;align-items:center;border-radius:30px;overflow:hidden;width:14rem;height:60px;grid-template-columns:60px 1fr;position:relative;isolation:isolate;>.avatar[data-astro-cid-j7pv25f6]{border-radius:30px;height:60px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:var(--color-bg-n);transition:all cubic-bezier(.2,1,.4,1) .5s}>.description[data-astro-cid-j7pv25f6]{text-align:center}&:before{content:"";display:block;border-radius:30px;background-color:var(--color-bg-n);position:absolute;z-index:-1;width:100%;height:100%;inset-inline-start:calc(-100% + 30px);box-shadow:0 0 0 10px var(--color-blue);transition:inset-inline-start cubic-bezier(.2,1,.4,1) .5s}outline:solid 0px transparent;outline-offset:0px;transition:all cubic-bezier(.2,1,.4,1) .5s;&:focus{outline:solid 3px var(--color-blue);outline-offset:3px}&:hover,&:focus{transform:scale(1.1)}&:hover:before,&:focus:before{inset-inline-start:0}}}