.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r){display:flex;justify-content:center;margin-top:250px;gap:50px;color:#fff}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .icon:where(.svelte-1se4t3r) img:where(.svelte-1se4t3r){width:170px;border-radius:50%}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .info:where(.svelte-1se4t3r){display:flex;flex-direction:column;gap:7px}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .info:where(.svelte-1se4t3r) .name:where(.svelte-1se4t3r){display:flex;font-size:28px;font-weight:800;margin-bottom:8px}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .info:where(.svelte-1se4t3r) .name:where(.svelte-1se4t3r) span:where(.svelte-1se4t3r){display:flex;align-items:center;margin-left:10px;font-size:20px;font-family:IBM Plex Mono,serif}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .info:where(.svelte-1se4t3r) .title-content:where(.svelte-1se4t3r) div:where(.svelte-1se4t3r):nth-child(1){font-size:13px;color:#cfcfcf}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .info:where(.svelte-1se4t3r) .title-content.belong:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r){list-style:none;margin:0;padding:0}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r){border-radius:4px}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) a:where(.svelte-1se4t3r),.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) .a:where(.svelte-1se4t3r){display:flex;align-items:center;padding:6px 15px;gap:12px;color:#fff;text-decoration:none}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) a:where(.svelte-1se4t3r) .link-icon:where(.svelte-1se4t3r),.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) .a:where(.svelte-1se4t3r) .link-icon:where(.svelte-1se4t3r){display:flex;align-items:center;width:25px;height:25px;overflow:visible}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) a:where(.svelte-1se4t3r) .link-icon:where(.svelte-1se4t3r) img:where(.svelte-1se4t3r),.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) .a:where(.svelte-1se4t3r) .link-icon:where(.svelte-1se4t3r) img:where(.svelte-1se4t3r){width:100%;height:100%;object-fit:contain}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) a:where(.svelte-1se4t3r) .link-details:where(.svelte-1se4t3r),.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) .a:where(.svelte-1se4t3r) .link-details:where(.svelte-1se4t3r){display:flex;flex-direction:column}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) a:where(.svelte-1se4t3r) .link-details:where(.svelte-1se4t3r) div:where(.svelte-1se4t3r):nth-child(1),.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) .a:where(.svelte-1se4t3r) .link-details:where(.svelte-1se4t3r) div:where(.svelte-1se4t3r):nth-child(1){font-size:11px;color:#cfcfcf}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) a:where(.svelte-1se4t3r) .link-details:where(.svelte-1se4t3r) div:where(.svelte-1se4t3r):nth-child(2),.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) .a:where(.svelte-1se4t3r) .link-details:where(.svelte-1se4t3r) div:where(.svelte-1se4t3r):nth-child(2){font-size:15px;font-weight:600}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) a:where(.svelte-1se4t3r):hover{opacity:.7}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li.twitter:where(.svelte-1se4t3r){background:#000;gap:15px}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li.twitter:where(.svelte-1se4t3r) .link-icon:where(.svelte-1se4t3r){width:22px;height:22px}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li.github:where(.svelte-1se4t3r){background:#171515}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li.zenn:where(.svelte-1se4t3r){background:#3ea8ff}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li.discord:where(.svelte-1se4t3r){background:#5865f2}.about.svelte-1se4t3r .introduction:where(.svelte-1se4t3r){width:90%;margin:120px auto 0;position:relative}.about.svelte-1se4t3r .introduction:where(.svelte-1se4t3r) button:where(.svelte-1se4t3r){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-1se4t3r .introduction:where(.svelte-1se4t3r) #new-btn:where(.svelte-1se4t3r){left:20px;display:none}.about.svelte-1se4t3r .introduction:where(.svelte-1se4t3r) #prev-btn:where(.svelte-1se4t3r){right:20px}.about.svelte-1se4t3r .introduction:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r){padding:25px 0;display:flex;justify-content:center;overflow:hidden}.about.svelte-1se4t3r .introduction:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r){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:opacity 1s ease-in,transform .3s ease-in}.about.svelte-1se4t3r .introduction:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) a:where(.svelte-1se4t3r){color:#fff}.about.svelte-1se4t3r .introduction:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) a:where(.svelte-1se4t3r):hover{text-decoration:none}.about.svelte-1se4t3r .introduction:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r) span:where(.svelte-1se4t3r){display:block;margin-top:10px;font-size:12px;color:#cfcfcf;text-align:end}.about.svelte-1se4t3r .introduction:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r):not(.intro-front){display:none}.about.svelte-1se4t3r .introduction:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li:where(.svelte-1se4t3r):has(+.intro-front:where(.svelte-1se4t3r)),.about.svelte-1se4t3r .introduction:where(.svelte-1se4t3r) ul:where(.svelte-1se4t3r) li.intro-front:where(.svelte-1se4t3r)+li:where(.svelte-1se4t3r){display:block;opacity:.8;transform:scale(.9)}@media screen and (max-width: 500px){.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r){flex-wrap:wrap;margin-top:100px}.about.svelte-1se4t3r .about-about:where(.svelte-1se4t3r) .links:where(.svelte-1se4t3r){width:80%}}.skill-cards.svelte-1hadspv{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:0;padding:0}.skill-cards.svelte-1hadspv li:where(.svelte-1hadspv){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-1hadspv li:where(.svelte-1hadspv) div:where(.svelte-1hadspv){text-align:center}.skill-cards.svelte-1hadspv li:where(.svelte-1hadspv) div:where(.svelte-1hadspv):nth-child(1){font-size:18px;font-weight:800}.skill-cards.svelte-1hadspv li:where(.svelte-1hadspv) div:where(.svelte-1hadspv):nth-child(2){font-size:17px;color:#f7b731}.skill-cards.svelte-1hadspv li:where(.svelte-1hadspv) div:where(.svelte-1hadspv):nth-child(3){width:110px;height:90px;display:flex;justify-content:center;margin-top:15px}.skill-cards.svelte-1hadspv li:where(.svelte-1hadspv) div:where(.svelte-1hadspv):nth-child(3) img:where(.svelte-1hadspv){object-fit:contain;max-width:100px;max-height:90px}.skill-level.svelte-1hadspv{margin-top:45px}.skill-level.svelte-1hadspv div:where(.svelte-1hadspv){text-align:center}.skill-level.svelte-1hadspv ul:where(.svelte-1hadspv){list-style:none;padding:0;margin:0 auto;width:325px}.skill-level.svelte-1hadspv ul:where(.svelte-1hadspv) li:where(.svelte-1hadspv) span:where(.svelte-1hadspv){color:#f7b731}.others.svelte-1hadspv{margin:40px auto 0;width:90%}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}}