.about.svelte-hdktaj .about-about:where(.svelte-hdktaj){display:flex;justify-content:center;margin-top:250px;gap:50px;color:#fff}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .icon:where(.svelte-hdktaj) img:where(.svelte-hdktaj){width:170px;border-radius:50%}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .info:where(.svelte-hdktaj){display:flex;flex-direction:column;gap:7px}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .info:where(.svelte-hdktaj) .name:where(.svelte-hdktaj){display:flex;font-size:28px;font-weight:800;margin-bottom:8px}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .info:where(.svelte-hdktaj) .name:where(.svelte-hdktaj) span:where(.svelte-hdktaj){display:flex;align-items:center;margin-left:10px;font-size:20px;font-family:IBM Plex Mono,serif}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .info:where(.svelte-hdktaj) .title-content:where(.svelte-hdktaj) div:where(.svelte-hdktaj):nth-child(1){font-size:13px;color:#cfcfcf}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .info:where(.svelte-hdktaj) .title-content.belong:where(.svelte-hdktaj) ul:where(.svelte-hdktaj){list-style:none;margin:0;padding:0}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj){border-radius:4px}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) a:where(.svelte-hdktaj),.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) .a:where(.svelte-hdktaj){display:flex;align-items:center;padding:6px 15px;gap:12px;color:#fff;text-decoration:none}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) a:where(.svelte-hdktaj) .link-icon:where(.svelte-hdktaj),.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) .a:where(.svelte-hdktaj) .link-icon:where(.svelte-hdktaj){display:flex;align-items:center;width:25px;height:25px;overflow:visible}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) a:where(.svelte-hdktaj) .link-icon:where(.svelte-hdktaj) img:where(.svelte-hdktaj),.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) .a:where(.svelte-hdktaj) .link-icon:where(.svelte-hdktaj) img:where(.svelte-hdktaj){width:100%;height:100%;object-fit:contain}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) a:where(.svelte-hdktaj) .link-details:where(.svelte-hdktaj),.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) .a:where(.svelte-hdktaj) .link-details:where(.svelte-hdktaj){display:flex;flex-direction:column}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) a:where(.svelte-hdktaj) .link-details:where(.svelte-hdktaj) div:where(.svelte-hdktaj):nth-child(1),.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) .a:where(.svelte-hdktaj) .link-details:where(.svelte-hdktaj) div:where(.svelte-hdktaj):nth-child(1){font-size:11px;color:#cfcfcf}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) a:where(.svelte-hdktaj) .link-details:where(.svelte-hdktaj) div:where(.svelte-hdktaj):nth-child(2),.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) .a:where(.svelte-hdktaj) .link-details:where(.svelte-hdktaj) div:where(.svelte-hdktaj):nth-child(2){font-size:15px;font-weight:600}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) a:where(.svelte-hdktaj):hover{opacity:.7}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li.twitter:where(.svelte-hdktaj){background:#000;gap:15px}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li.twitter:where(.svelte-hdktaj) .link-icon:where(.svelte-hdktaj){width:22px;height:22px}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li.github:where(.svelte-hdktaj){background:#171515}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li.zenn:where(.svelte-hdktaj){background:#3ea8ff}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li.discord:where(.svelte-hdktaj){background:#5865f2}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj){width:90%;margin:120px auto 0;position:relative}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) button:where(.svelte-hdktaj){background:none;margin:0;padding:0;border:none;position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:30px;z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) #new-btn:where(.svelte-hdktaj){left:20px;display:none}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) #prev-btn:where(.svelte-hdktaj){right:20px}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) ul:where(.svelte-hdktaj){padding:25px 0;display:flex;justify-content:center;overflow:hidden}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj){width:70%;min-width:70%;font-size:15px;list-style:none;box-shadow:0 0 29px -6px #777;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;color:#fff;transition:transform .4s cubic-bezier(.22,.61,.36,1),opacity .3s ease-out;will-change:transform,opacity}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) a:where(.svelte-hdktaj){color:#fff}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) a:where(.svelte-hdktaj):hover{text-decoration:none}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj) span:where(.svelte-hdktaj){display:block;margin-top:10px;font-size:12px;color:#cfcfcf;text-align:end}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj):not(.intro-front){display:none}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li.intro-front:where(.svelte-hdktaj){opacity:1;transform:translate(0) scale(1)}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj):has(+.intro-front:where(.svelte-hdktaj)){display:block;opacity:.85;transform:translate(-14px) scale(.96)}.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li.intro-front:where(.svelte-hdktaj)+li:where(.svelte-hdktaj){display:block;opacity:.85;transform:translate(14px) scale(.96)}@media screen and (max-width: 500px){.about.svelte-hdktaj .about-about:where(.svelte-hdktaj){flex-wrap:wrap;margin-top:100px}.about.svelte-hdktaj .about-about:where(.svelte-hdktaj) .links:where(.svelte-hdktaj){width:80%}}@media (prefers-reduced-motion: reduce){.about.svelte-hdktaj .introduction:where(.svelte-hdktaj) ul:where(.svelte-hdktaj) li:where(.svelte-hdktaj){transition:none}}.skill-cards.svelte-un7w4k{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:0;padding:0}.skill-cards.svelte-un7w4k li:where(.svelte-un7w4k){padding:20px;list-style:none;width:110px;display:flex;flex-direction:column;box-shadow:0 0 29px -6px #777;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.skill-cards.svelte-un7w4k li:where(.svelte-un7w4k) div:where(.svelte-un7w4k){text-align:center}.skill-cards.svelte-un7w4k li:where(.svelte-un7w4k) div:where(.svelte-un7w4k):nth-child(1){font-size:18px;font-weight:800}.skill-cards.svelte-un7w4k li:where(.svelte-un7w4k) div:where(.svelte-un7w4k):nth-child(2){font-size:17px;color:#f7b731}.skill-cards.svelte-un7w4k li:where(.svelte-un7w4k) div:where(.svelte-un7w4k):nth-child(2){width:110px;height:90px;display:flex;justify-content:center;margin-top:15px}.skill-cards.svelte-un7w4k li:where(.svelte-un7w4k) div:where(.svelte-un7w4k):nth-child(2) img:where(.svelte-un7w4k){object-fit:contain;max-width:100px;max-height:90px}.more-read.svelte-un7w4k{margin-top:40px;text-align:center;font-size:14px}.more-read.svelte-un7w4k a:where(.svelte-un7w4k){color:#fff;text-decoration:none}.more-read.svelte-un7w4k a:where(.svelte-un7w4k):hover{text-decoration:underline}.interest-container.svelte-1a46pke{display:flex;flex-direction:row;gap:30px}.interest-container.svelte-1a46pke .interest-box:where(.svelte-1a46pke){width:450px;display:inline-block;vertical-align:top}.interest-container.svelte-1a46pke .interest-box:where(.svelte-1a46pke):first-child{text-align:right}.interest-container.svelte-1a46pke .interest-box:where(.svelte-1a46pke) div:where(.svelte-1a46pke){font-size:1.2em;font-weight:700}.interest-container.svelte-1a46pke .interest-box:where(.svelte-1a46pke) ul:where(.svelte-1a46pke){padding:0;list-style:none}ul.svelte-bsmkte{display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px;list-style:none;padding:0}ul.svelte-bsmkte li:where(.svelte-bsmkte){width:300px}ul.svelte-bsmkte li:where(.svelte-bsmkte):hover{filter:brightness(1.3)}ul.svelte-bsmkte li:where(.svelte-bsmkte) a:where(.svelte-bsmkte){color:#fff;text-decoration:none}ul.svelte-bsmkte li:where(.svelte-bsmkte) a:where(.svelte-bsmkte) img:where(.svelte-bsmkte){width:100%}ul.svelte-bsmkte li:where(.svelte-bsmkte) a:where(.svelte-bsmkte) .content:where(.svelte-bsmkte) div:where(.svelte-bsmkte):nth-child(1){font-size:1.1rem}ul.svelte-bsmkte li:where(.svelte-bsmkte) a:where(.svelte-bsmkte) .content:where(.svelte-bsmkte) div:where(.svelte-bsmkte):nth-child(2){font-size:.9rem}.more-read.svelte-bsmkte{margin-top:40px;text-align:center;font-size:14px}.more-read.svelte-bsmkte a:where(.svelte-bsmkte){color:#fff;text-decoration:none}.more-read.svelte-bsmkte a:where(.svelte-bsmkte):hover{text-decoration:underline}@media screen and (max-width: 500px){ul.svelte-bsmkte li:where(.svelte-bsmkte){width:90%;margin:0 auto}ul.svelte-bsmkte li:where(.svelte-bsmkte):nth-child(4),ul.svelte-bsmkte li:where(.svelte-bsmkte):nth-child(5),ul.svelte-bsmkte li:where(.svelte-bsmkte):nth-child(6){display:none}}ul.svelte-1gx8g1o{display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px;list-style:none;padding:0}ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o){width:300px}ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o):hover{filter:brightness(1.3)}ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o) a:where(.svelte-1gx8g1o){color:#fff;text-decoration:none}ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o) .thumbnail:where(.svelte-1gx8g1o){width:100%;aspect-ratio:40/21;overflow:hidden}ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o) .thumbnail:where(.svelte-1gx8g1o) img:where(.svelte-1gx8g1o){width:100%;height:100%;object-fit:cover}ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o) .content:where(.svelte-1gx8g1o){margin-top:7px}ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o) .content:where(.svelte-1gx8g1o) div:where(.svelte-1gx8g1o){margin-bottom:2px;font-size:16px;line-height:1.1em}ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o) .content:where(.svelte-1gx8g1o) div:where(.svelte-1gx8g1o):nth-child(2){display:flex;justify-content:space-between}ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o) .content:where(.svelte-1gx8g1o) span:where(.svelte-1gx8g1o){font-size:13px}.more-read.svelte-1gx8g1o{margin-top:40px;text-align:center;font-size:14px}.more-read.svelte-1gx8g1o a:where(.svelte-1gx8g1o){color:#fff;text-decoration:none}.more-read.svelte-1gx8g1o a:where(.svelte-1gx8g1o):hover{text-decoration:underline}@media screen and (max-width: 500px){ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o){width:90%;margin:0 auto}ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o):nth-child(4),ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o):nth-child(5),ul.svelte-1gx8g1o li:where(.svelte-1gx8g1o):nth-child(6){display:none}}ul.svelte-2zw634{display:flex;flex-direction:column;gap:10px;width:700px;list-style:none;padding:0;margin:0 auto}ul.svelte-2zw634 li:where(.svelte-2zw634){display:flex;justify-content:space-between}@media screen and (max-width: 500px){ul.svelte-2zw634{width:90%}ul.svelte-2zw634 li:where(.svelte-2zw634){flex-direction:row-reverse;justify-content:start;align-items:start;line-height:1.2em}ul.svelte-2zw634 li:where(.svelte-2zw634) span:where(.svelte-2zw634){align-items:start;margin-right:10px}}ul.svelte-1tmm8i{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}ul.svelte-1tmm8i li:where(.svelte-1tmm8i){width:250px;display:flex;border-radius:4px}ul.svelte-1tmm8i li:where(.svelte-1tmm8i) .a:where(.svelte-1tmm8i),ul.svelte-1tmm8i li:where(.svelte-1tmm8i) a:where(.svelte-1tmm8i){display:flex;align-items:center;padding:6px 15px;gap:12px;color:#fff;text-decoration:none;width:100%}ul.svelte-1tmm8i li:where(.svelte-1tmm8i) .a:where(.svelte-1tmm8i):hover,ul.svelte-1tmm8i li:where(.svelte-1tmm8i) a:where(.svelte-1tmm8i):hover{opacity:.7}ul.svelte-1tmm8i li:where(.svelte-1tmm8i) .a:where(.svelte-1tmm8i) .link-icon:where(.svelte-1tmm8i),ul.svelte-1tmm8i li:where(.svelte-1tmm8i) a:where(.svelte-1tmm8i) .link-icon:where(.svelte-1tmm8i){display:flex;align-items:center;width:25px;height:25px;overflow:visible}ul.svelte-1tmm8i li:where(.svelte-1tmm8i) .a:where(.svelte-1tmm8i) .link-icon:where(.svelte-1tmm8i) img:where(.svelte-1tmm8i),ul.svelte-1tmm8i li:where(.svelte-1tmm8i) a:where(.svelte-1tmm8i) .link-icon:where(.svelte-1tmm8i) img:where(.svelte-1tmm8i){width:100%;height:100%;object-fit:contain}ul.svelte-1tmm8i li:where(.svelte-1tmm8i) .a:where(.svelte-1tmm8i) .link-details:where(.svelte-1tmm8i),ul.svelte-1tmm8i li:where(.svelte-1tmm8i) a:where(.svelte-1tmm8i) .link-details:where(.svelte-1tmm8i){display:flex;flex-direction:column}ul.svelte-1tmm8i li:where(.svelte-1tmm8i) .a:where(.svelte-1tmm8i) .link-details:where(.svelte-1tmm8i) div:where(.svelte-1tmm8i):nth-child(1),ul.svelte-1tmm8i li:where(.svelte-1tmm8i) a:where(.svelte-1tmm8i) .link-details:where(.svelte-1tmm8i) div:where(.svelte-1tmm8i):nth-child(1){font-size:11px;color:#cfcfcf}ul.svelte-1tmm8i li:where(.svelte-1tmm8i) .a:where(.svelte-1tmm8i) .link-details:where(.svelte-1tmm8i) div:where(.svelte-1tmm8i):nth-child(2),ul.svelte-1tmm8i li:where(.svelte-1tmm8i) a:where(.svelte-1tmm8i) .link-details:where(.svelte-1tmm8i) div:where(.svelte-1tmm8i):nth-child(2){font-size:15px;font-weight:600}ul.svelte-1tmm8i li:where(.svelte-1tmm8i) .a:where(.svelte-1tmm8i):hover{opacity:1}ul.svelte-1tmm8i li.twitter:where(.svelte-1tmm8i){background:#000;gap:15px}ul.svelte-1tmm8i li.twitter:where(.svelte-1tmm8i) .link-icon:where(.svelte-1tmm8i){width:22px;height:22px}ul.svelte-1tmm8i li.github:where(.svelte-1tmm8i){background:#171515}ul.svelte-1tmm8i li.zenn:where(.svelte-1tmm8i){background:#3ea8ff}ul.svelte-1tmm8i li.discord:where(.svelte-1tmm8i){background:#5865f2}ul.svelte-1tmm8i li.blog:where(.svelte-1tmm8i){background:#483d8b}ul.svelte-1tmm8i li.mail:where(.svelte-1tmm8i){background:#017cf2}@media screen and (max-width: 500px){ul.svelte-1tmm8i li:where(.svelte-1tmm8i){width:80%}}.svelte-rmdxh7{color:#fff}section.svelte-rmdxh7{width:950px;margin:150px auto}section.svelte-rmdxh7 .sec-title:where(.svelte-rmdxh7){margin-bottom:60px;font-size:32px;font-weight:600;text-align:center;font-family:IBM Plex Mono,serif}section.svelte-rmdxh7 .sec-title:where(.svelte-rmdxh7):before{content:"{ "}section.svelte-rmdxh7 .sec-title:where(.svelte-rmdxh7):after{content:" }"}.columns.svelte-rmdxh7{margin-bottom:80px}.columns.svelte-rmdxh7 .banners:where(.svelte-rmdxh7){display:flex;justify-content:center;gap:20px}.columns.svelte-rmdxh7 .banners:where(.svelte-rmdxh7) div:where(.svelte-rmdxh7) a:where(.svelte-rmdxh7) img:where(.svelte-rmdxh7){height:40px}@media screen and (max-width: 500px){section.svelte-rmdxh7{width:90%}.columns.svelte-rmdxh7 .banners:where(.svelte-rmdxh7){flex-wrap:wrap}}