.work.svelte-ryn4d7.svelte-ryn4d7{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;width:100%;height:100%;gap:30px}.work.svelte-ryn4d7 .info.svelte-ryn4d7{display:flex;justify-content:center;align-items:center;flex-direction:column}.work.svelte-ryn4d7 .info .horArrow.svelte-ryn4d7{display:none}.work.svelte-ryn4d7 .info .tech.svelte-ryn4d7{text-align:center;width:250px}.work.svelte-ryn4d7 .arrow.svelte-ryn4d7{font-size:1rem;font-weight:400;color:#ffffff2e}.work.svelte-ryn4d7 .divider.svelte-ryn4d7{width:2px;height:30px;background-color:#ffffff61}.work.svelte-ryn4d7 .title.svelte-ryn4d7{font-size:1.5rem;font-weight:700;color:#fff;width:120px}.work.svelte-ryn4d7 p.svelte-ryn4d7{font-size:1rem;font-weight:400;color:#c7c7c7}.work.svelte-ryn4d7 .date.svelte-ryn4d7{text-align:center;width:150px}.work.svelte-ryn4d7 .tech.svelte-ryn4d7{text-align:center;width:250px}.work.svelte-ryn4d7 a.svelte-ryn4d7{font-size:1rem;font-weight:400;color:#c7c7c7;text-decoration:none;transition:color .3s}.work.svelte-ryn4d7 a.svelte-ryn4d7:hover{color:#729ce1}@media (max-width: 800px){.work.svelte-ryn4d7.svelte-ryn4d7{flex-direction:column;gap:10px}.work.svelte-ryn4d7 .title.svelte-ryn4d7{width:100%;text-align:center}.work.svelte-ryn4d7 .arrow.svelte-ryn4d7{display:none}.work.svelte-ryn4d7 .info.svelte-ryn4d7{width:100%;flex-direction:row}.work.svelte-ryn4d7 .info .horArrow.svelte-ryn4d7{display:block;color:#ffffff2e}.work.svelte-ryn4d7 .info .tech.svelte-ryn4d7{width:auto;text-align:center;padding:0 15px}.work.svelte-ryn4d7 .divider.svelte-ryn4d7{display:none}}.item.svelte-1kcw4ky.svelte-1kcw4ky{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;width:100%;height:100%;gap:30px}.item.svelte-1kcw4ky .arrow.svelte-1kcw4ky{font-size:1rem;font-weight:400;color:#ffffff2e}.item.svelte-1kcw4ky .divider.svelte-1kcw4ky{width:2px;height:30px;background-color:#ffffff61}.item.svelte-1kcw4ky .title.svelte-1kcw4ky{font-size:1.5rem;font-weight:700;color:#fff;width:150px}.item.svelte-1kcw4ky p.svelte-1kcw4ky{font-size:1rem;font-weight:400;color:#c7c7c7}.item.svelte-1kcw4ky .items.svelte-1kcw4ky{text-align:center;width:100%;display:flex;justify-content:flex-start;align-items:center;gap:30px}.item.svelte-1kcw4ky .items section.svelte-1kcw4ky{display:flex;justify-content:center;align-items:center;gap:30px}.item.svelte-1kcw4ky .items p.svelte-1kcw4ky{font-size:1rem;font-weight:400;color:#c7c7c7}@media (max-width: 800px){.item.svelte-1kcw4ky.svelte-1kcw4ky{flex-direction:column;gap:20px;align-items:center;justify-content:center}.item.svelte-1kcw4ky .title.svelte-1kcw4ky{width:100%;text-align:center}.item.svelte-1kcw4ky .arrow.svelte-1kcw4ky{display:none}.item.svelte-1kcw4ky .items.svelte-1kcw4ky{width:100%;gap:10px;align-items:center;justify-content:center}.item.svelte-1kcw4ky .items section.svelte-1kcw4ky{gap:10px}}.experience.svelte-1yhq9yf.svelte-1yhq9yf{width:100%;display:flex;flex-direction:row;gap:100px;justify-content:center;align-items:center}.experience.svelte-1yhq9yf .work.svelte-1yhq9yf{display:flex;flex-direction:column;justify-content:center;width:100%;gap:50px}.experience.svelte-1yhq9yf section.svelte-1yhq9yf{display:flex;flex-direction:column;gap:50px;height:400px}.experience.svelte-1yhq9yf section .tech.svelte-1yhq9yf{display:flex;flex-direction:column;justify-content:center;gap:50px}h2.svelte-1yhq9yf.svelte-1yhq9yf{font-size:var(--h2size);font-weight:400;text-align:center}@media (max-width: 900px){.experience.svelte-1yhq9yf.svelte-1yhq9yf{gap:80px}.experience.svelte-1yhq9yf section.svelte-1yhq9yf{height:auto}.experience.svelte-1yhq9yf .work.svelte-1yhq9yf{gap:80px}.tech.svelte-1yhq9yf.svelte-1yhq9yf{justify-content:center;align-items:center}}@media (max-width: 1500px){.experience.svelte-1yhq9yf.svelte-1yhq9yf{flex-direction:column}}.project.svelte-1y4bsgu.svelte-1y4bsgu{display:flex;width:100%;margin-bottom:2rem;flex-direction:column;justify-content:center}.project.svelte-1y4bsgu .project-info.svelte-1y4bsgu{display:flex;flex-direction:column;gap:10px}.project.svelte-1y4bsgu .project-info h3.svelte-1y4bsgu{font-size:var(--h2size);margin-bottom:1rem}.project.svelte-1y4bsgu .project-info .project-tags.svelte-1y4bsgu{display:flex;flex-wrap:wrap;margin-bottom:1rem;justify-content:flex-start;align-items:center;gap:20px}.project.svelte-1y4bsgu .project-info .project-tags .arrow.svelte-1y4bsgu{font-size:1rem;font-weight:400;color:#ffffff2e}.project.svelte-1y4bsgu .project-info .project-tags .divider.svelte-1y4bsgu{width:2px;height:20px;background-color:#ffffff61}.project.svelte-1y4bsgu .project-info .project-tags span.svelte-1y4bsgu{font-size:1.2rem;color:#c7c7c7}.project.svelte-1y4bsgu .project-info .project-tags a.svelte-1y4bsgu{text-decoration:underline;color:#396cd2;display:flex;align-items:center;gap:5px}.project.svelte-1y4bsgu .project-info .project-tags a span.svelte-1y4bsgu{font-size:1.2rem;color:#396cd2}.project.svelte-1y4bsgu .project-info .project-image.svelte-1y4bsgu{width:100%;display:flex}.project.svelte-1y4bsgu .project-info .project-image iframe.svelte-1y4bsgu{width:100%;height:auto;border-radius:8px;aspect-ratio:16/9}.project.svelte-1y4bsgu .project-info .project-image img.svelte-1y4bsgu{width:100%;height:auto;border-radius:8px}.project.svelte-1y4bsgu .project-info .description.svelte-1y4bsgu{font-size:var(--psize);line-height:1.5;text-align:justify;font-weight:300}.project.svelte-1y4bsgu .project-info .description.svelte-1y4bsgu span{font-weight:300;color:#e37a39}@media (max-width: 900px){.project.svelte-1y4bsgu.svelte-1y4bsgu{width:80%}.project.svelte-1y4bsgu .project-info.svelte-1y4bsgu{align-items:center}.project.svelte-1y4bsgu .project-info .project-tags.svelte-1y4bsgu{gap:10px}.project.svelte-1y4bsgu .project-info .project-tags span.svelte-1y4bsgu{font-size:1rem}.project.svelte-1y4bsgu .project-info .project-image.svelte-1y4bsgu{align-items:center}.project.svelte-1y4bsgu .project-info .project-image iframe.svelte-1y4bsgu{width:100%;height:auto;border-radius:8px;aspect-ratio:16/9}}.projects.svelte-1d9hasa.svelte-1d9hasa{width:100%;display:flex;flex-direction:column;gap:100px}.projects.svelte-1d9hasa section.svelte-1d9hasa{display:flex;flex-direction:column;gap:50px}.projects.svelte-1d9hasa section .projects-list.svelte-1d9hasa{display:flex;flex-direction:column;gap:80px}h2.svelte-1d9hasa.svelte-1d9hasa{font-size:var(--h2size);font-weight:400;text-align:center}@media (max-width: 900px){section.svelte-1d9hasa .projects-list.svelte-1d9hasa{align-items:center}}h1.svelte-1trzmy9.svelte-1trzmy9,p.svelte-1trzmy9.svelte-1trzmy9,a.svelte-1trzmy9.svelte-1trzmy9,span.svelte-1trzmy9.svelte-1trzmy9{font-family:Kanit,sans-serif;color:#fff}.content.svelte-1trzmy9.svelte-1trzmy9{display:flex;flex-direction:column;justify-content:center;align-items:center;width:960px;gap:100px;padding-bottom:150px}.intro.svelte-1trzmy9.svelte-1trzmy9{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100vh;gap:80px;position:relative}.intro.svelte-1trzmy9 .left h1.svelte-1trzmy9{padding-top:50px;font-size:var(--h1size)}.intro.svelte-1trzmy9 .left .description.svelte-1trzmy9{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;width:100%;gap:50px;padding-top:50px}.intro.svelte-1trzmy9 .left .description b.svelte-1trzmy9{font-weight:700}.intro.svelte-1trzmy9 .left .description a.svelte-1trzmy9{color:#526dc2;text-decoration:none}.intro.svelte-1trzmy9 .left .description p.svelte-1trzmy9{width:100%;font-size:var(--psize);color:#e3e3e3;line-height:1.7;text-align:left}.intro.svelte-1trzmy9 .left .description span.svelte-1trzmy9{color:#e37a39}.intro.svelte-1trzmy9 .right img.svelte-1trzmy9{width:250px;height:250px;border-radius:50%;object-fit:cover;object-position:0 10px}.intro.svelte-1trzmy9 .arrow.svelte-1trzmy9{position:absolute;bottom:0;padding-bottom:30px;font-size:3rem;animation:svelte-1trzmy9-arrow 1s infinite}@keyframes svelte-1trzmy9-arrow{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@media (max-width: 1000px){.intro.svelte-1trzmy9 .right img.svelte-1trzmy9{width:200px;height:200px}}@media (max-width: 960px){.content.svelte-1trzmy9.svelte-1trzmy9{width:100%;padding:0 20px}}@media (max-width: 800px){.intro.svelte-1trzmy9.svelte-1trzmy9{flex-direction:column;gap:20px}.intro.svelte-1trzmy9 .left h1.svelte-1trzmy9{text-align:center}.intro.svelte-1trzmy9 .left .description.svelte-1trzmy9{gap:20px}.intro.svelte-1trzmy9 .left .description p.svelte-1trzmy9{text-align:center}.intro.svelte-1trzmy9 .right img.svelte-1trzmy9{width:150px;height:150px}}