li[data-astro-cid-dohjnao5]{list-style:none;width:fit-content;margin:0;padding:0;width:100%}.card-btn[data-astro-cid-dohjnao5]{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--main-color-white);gap:1rem;border:solid 1px var(--main-color-black);border-radius:10px;padding:.5rem;height:auto;width:100%;aspect-ratio:1 / 1;outline:1.5px solid transparent;transition:border-color .25s ease,outline .25s ease}html.dark .card-btn[data-astro-cid-dohjnao5]{background-color:var(--main-color-black);border:solid 1px var(--main-color-white)}.card-btn[data-astro-cid-dohjnao5]:hover{border:1px solid var(--theme-color);outline:1.5px solid var(--theme-color)}html.dark .card-btn[data-astro-cid-dohjnao5]:hover{border:1px solid var(--theme-color-dark);outline:1.5px solid var(--theme-color-dark)}.item-icon[data-astro-cid-dohjnao5]{display:flex;align-items:center;justify-content:center;height:8vh;width:8vh}.icon-img[data-astro-cid-dohjnao5]{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain}.item-name[data-astro-cid-dohjnao5]{margin:0;padding:0}.item-name[data-astro-cid-dohjnao5] p[data-astro-cid-dohjnao5]{margin:0;font-size:1rem;font-weight:var(--font-weight-normal);color:var(--main-color-black)}html.dark .item-name[data-astro-cid-dohjnao5] p[data-astro-cid-dohjnao5]{color:var(--main-color-white)}html.dark .icon-img[data-astro-cid-dohjnao5].invert-dark{filter:invert(1)}@media screen and (max-width: 768px){.card[data-astro-cid-dohjnao5]{border-radius:20%}}.message-box[data-astro-cid-w3zfjt2s]{display:flex;border:var(--border-style);border-radius:10px;padding:2rem;background-color:#bdbdbd;align-items:center;justify-content:center;height:40vh}.message[data-astro-cid-w3zfjt2s]{margin:0;font-size:1.2rem;color:var(--main-color-black)}.chapter-content[data-astro-cid-kh7btl4r].about{flex-direction:column}.portfolio-container[data-astro-cid-kh7btl4r]{display:flex;flex-direction:row;justify-content:space-between}.left-content[data-astro-cid-kh7btl4r]{position:sticky;top:var(--header-height);height:fit-content;flex:0 0 40%;display:flex;flex-direction:column;align-items:center;padding:1rem 2rem}.right-content[data-astro-cid-kh7btl4r]{flex:1;padding:1rem 2rem}h1[data-astro-cid-kh7btl4r]{color:#e86b79;font-size:3rem;margin:0}h2[data-astro-cid-kh7btl4r]{color:#e86b79;font-size:2.5rem;margin:0}html.dark h1[data-astro-cid-kh7btl4r],h2[data-astro-cid-kh7btl4r]{color:var(--theme-color-dark)}.skill[data-astro-cid-kh7btl4r]{color:var(--skillColor);font-weight:var(--fontWeight);text-transform:var(--textCase)}.introduce-container[data-astro-cid-kh7btl4r]{display:flex;flex-direction:row;margin:10vh 0}.image-container[data-astro-cid-kh7btl4r]{width:15vw;aspect-ratio:1 / 1;height:auto;border:solid var(--main-color-black) 1px;border-radius:50%;overflow:hidden;flex-shrink:0}html.dark .image-container[data-astro-cid-kh7btl4r]{border:1px solid var(--main-color-white)}.image-container[data-astro-cid-kh7btl4r] img[data-astro-cid-kh7btl4r]{width:100%;height:100%;object-fit:cover;display:block}.text-container[data-astro-cid-kh7btl4r]{display:flex;flex-direction:column;margin:2rem 0 0}.dev-header[data-astro-cid-kh7btl4r]{display:flex;flex-direction:column;gap:.5rem}.dev-name[data-astro-cid-kh7btl4r].about{font-size:2.2rem;font-weight:var(--font-weight-semibold)}html.dark .dev-name[data-astro-cid-kh7btl4r].about{color:var(--main-color-white)}.dev-status[data-astro-cid-kh7btl4r]{font-size:.8rem;color:#757575;font-weight:var(--font-weight-normal);margin:0}html.dark .dev-status[data-astro-cid-kh7btl4r]{color:#888}.intro-text[data-astro-cid-kh7btl4r]{font-size:.9rem;color:var(--main-color-black)}html.dark .intro-text[data-astro-cid-kh7btl4r]{color:var(--main-color-white)}.portfolio-item[data-astro-cid-kh7btl4r]{margin:0 0 10vh;display:flex;flex-direction:column;gap:1rem}.portfolio-item-name[data-astro-cid-kh7btl4r],.hobby-item-name[data-astro-cid-kh7btl4r]{font-size:2rem;font-weight:var(--font-weight-semibold);color:var(--main-color-black);margin:0 0 4vh}html.dark .portfolio-item-name[data-astro-cid-kh7btl4r],html.dark .hobby-item-name[data-astro-cid-kh7btl4r]{color:var(--main-color-white)}.timeline[data-astro-cid-kh7btl4r]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:2rem;position:relative}.timeline[data-astro-cid-kh7btl4r]:before{content:"";position:absolute;left:10px;top:.5rem;bottom:.5rem;width:2px;background:var(--theme-color);opacity:.5}html.dark .timeline[data-astro-cid-kh7btl4r]:before{background:var(--theme-color-dark)}.timeline-item[data-astro-cid-kh7btl4r]{display:flex;align-items:center;position:relative;padding:0 0 0 4rem;font-size:1rem}.timeline-dot[data-astro-cid-kh7btl4r]{position:absolute;left:5px;width:12px;height:12px;border-radius:50%;background:var(--theme-color);z-index:1}html.dark .timeline-dot[data-astro-cid-kh7btl4r]{background:var(--theme-color-dark)}.timeline-date[data-astro-cid-kh7btl4r]{width:100px;flex-shrink:0;margin-right:3vw;font-variant-numeric:tabular-nums;color:var(--main-color-black);font-weight:var(--font-weight-normal)}html.dark .timeline-date[data-astro-cid-kh7btl4r]{color:var(--main-color-white)}.timeline-title[data-astro-cid-kh7btl4r]{display:flex;gap:1rem;font-weight:var(--font-weight-normal);color:var(--main-color-black);flex-wrap:wrap}html.dark .timeline-title[data-astro-cid-kh7btl4r]{color:var(--main-color-white)}.timeline-detail[data-astro-cid-kh7btl4r]{color:var(--main-color-black)}html.dark .timeline-detail[data-astro-cid-kh7btl4r]{color:var(--main-color-white)}.tabs[data-astro-cid-kh7btl4r]{gap:20vw}.skill-container[data-astro-cid-kh7btl4r]{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(110px,11vh,130px),1fr));grid-template-rows:repeat(auto-fill,minmax(100px,1fr));justify-items:center;gap:1rem;width:100%}.portfolio-item-content[data-astro-cid-kh7btl4r].action{display:flex;align-items:center;justify-content:center;width:100%}.action-container[data-astro-cid-kh7btl4r]{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,calc((100% - 4vw) / 3));grid-template-rows:repeat(auto-fill,minmax(80px,1fr));justify-items:center;gap:1.5vw;width:100%}.tab-line[data-astro-cid-kh7btl4r]{border:solid #e86b79 1px}.tab-btn[data-astro-cid-kh7btl4r]{padding:10px 20px;cursor:pointer;border:none;background:#f1f1f1;font-weight:700;color:#e86b79;width:14vw;height:9vh;font-size:1.4rem}.tab-btn[data-astro-cid-kh7btl4r].active{background:#e86b79;font-weight:700;color:#fff}.tab-content[data-astro-cid-kh7btl4r]{display:none}.tab-content[data-astro-cid-kh7btl4r] img[data-astro-cid-kh7btl4r]{height:12vh;margin:4vh 0}.tab-content[data-astro-cid-kh7btl4r].active{display:block}.tab-content[data-astro-cid-kh7btl4r]{overflow-x:scroll}.modal[data-astro-cid-kh7btl4r]{padding:0;border:none;border-radius:16px;box-shadow:0 16px 40px #0003;max-width:480px;width:90%;position:fixed}html.dark .modal[data-astro-cid-kh7btl4r]{background-color:var(--main-color-black)}.modal[data-astro-cid-kh7btl4r]::backdrop{background-color:#00000073;backdrop-filter:blur(4px)}.modal-content[data-astro-cid-kh7btl4r]{position:relative;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.modal-close[data-astro-cid-kh7btl4r]{position:absolute;top:1rem;right:1.2rem;background:none;border:none;font-size:1.8rem;cursor:pointer;color:#757575;line-height:1}.modal-close[data-astro-cid-kh7btl4r]:hover{color:#000}html.dark .modal-close[data-astro-cid-kh7btl4r]:hover{color:#fff}.modal-header[data-astro-cid-kh7btl4r]{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.modal-header[data-astro-cid-kh7btl4r] img[data-astro-cid-kh7btl4r]{width:80px;height:80px;object-fit:contain}html.dark .modal-header[data-astro-cid-kh7btl4r] img[data-astro-cid-kh7btl4r].invert-dark{filter:invert(1)}.modal-header[data-astro-cid-kh7btl4r] h3[data-astro-cid-kh7btl4r]{font-size:1.8rem;margin:0;font-weight:var(--font-weight-semibold);color:var(--main-color-black)}html.dark .modal-header[data-astro-cid-kh7btl4r] h3[data-astro-cid-kh7btl4r]{color:var(--main-color-white)}.modal-detail[data-astro-cid-kh7btl4r]{font-size:.9rem;font-weight:var(--font-weight-normal);line-height:1.6;color:var(--main-color-black);margin:0}html.dark .modal-detail[data-astro-cid-kh7btl4r]{color:var(--main-color-white)}@media screen and (max-width: 950px){.portfolio-container[data-astro-cid-kh7btl4r]{flex-direction:column;justify-content:center;align-items:center}.left-content[data-astro-cid-kh7btl4r]{position:inherit;margin-bottom:clamp(40px,1em,50px)}.right-content[data-astro-cid-kh7btl4r]{padding:1rem 0;width:100%}.intro-text[data-astro-cid-kh7btl4r]{font-size:.9rem}.image-container[data-astro-cid-kh7btl4r]{width:40vw;height:40vw}.text-container[data-astro-cid-kh7btl4r]{align-items:center}.dev-header[data-astro-cid-kh7btl4r]{justify-content:center;align-items:center;margin:1rem 0}.dev-name[data-astro-cid-kh7btl4r]{width:fit-content;display:inline-block}.text-container[data-astro-cid-kh7btl4r]{margin:0}.timeline-title[data-astro-cid-kh7btl4r]{gap:.5rem}.tab-btn[data-astro-cid-kh7btl4r]{width:26vw;height:7vh;font-size:.8rem;padding:2vw}.tab-content[data-astro-cid-kh7btl4r] img[data-astro-cid-kh7btl4r]{height:10vh}}@media screen and (min-width: 637px) and (max-width: 1023px){.tab-btn[data-astro-cid-kh7btl4r]{width:26vw;font-size:2vw;padding:.5em}}