@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";:root{--primary-color: #11121a;--secondary-color: #272832;--card-color: #1d1e23;--accent-color: #64bafa;--theme-color: #54C6CA;--text-color: #c9c9c9}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,Segoe UI,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{min-height:100vh;min-height:100dvh;background-color:var(--primary-color)}main{padding:3rem min(7rem,5.7%) min(2rem,5%) min(13rem,24%)}@media screen and (max-width: 650px),screen and (max-height: 700px){main{padding:10rem min(5rem,15%) 0 min(5rem,7%)}:root{font-size:12px}}.title{font-size:3rem;font-weight:600;color:var(--theme-color)}nav{height:90vh;position:fixed;left:3.4rem;margin-top:5vh;display:flex;flex-direction:column}.navList{display:flex;flex-direction:row-reverse;writing-mode:vertical-lr;transform:rotate(180deg)}.navList a{padding:1rem .5rem}.navIcons{display:flex;flex-direction:column;margin-top:auto}.navIcons a{padding:.5rem}.navList a,.navIcons a{color:var(--text-color);font-size:.9375rem;cursor:pointer;transition:color .3s ease}.navList a:hover{color:var(--theme-color)}#toggle-sidebar-button{display:none}@media screen and (max-width: 650px),screen and (max-height: 700px){nav{height:100vh;height:100dvh;background-color:var(--primary-color);inset:0;margin-top:0;justify-content:center;z-index:10}nav:before{content:"";position:absolute;inset:0}.navList{width:100%;height:100vh;height:100dvh;flex-direction:column;text-align:center;justify-content:center;writing-mode:horizontal-tb;transform:rotate(0)}.navIcons{position:absolute;bottom:2rem;left:2rem;display:flex;flex-direction:row;opacity:0;transition:opacity .3s ease-in-out}nav.open .navIcons{opacity:1}.logo{position:absolute;top:2rem;left:2rem;transform:rotate(180deg)}#toggle-sidebar-button{display:block;z-index:11;aspect-ratio:1;position:fixed;top:2rem;right:2rem;background-color:transparent;border:none;color:var(--text-color)}nav{top:-100%;transition:top .3s ease-in-out}nav.open{top:0%}}._nameTitle_d61eo_1{font-size:5.5rem;font-weight:600;z-index:1;color:var(--text-color)}._educationTitle_d61eo_8{font-size:1.5rem;font-weight:200;z-index:1;color:var(--text-color)}._traitsTitle_d61eo_15{width:100%;height:3rem;display:block;position:relative;z-index:1;color:var(--text-color)}._traitsTitle_d61eo_15 svg{height:100%;position:absolute;z-index:1}._traitsTitle_d61eo_15 h1{height:100%;display:flex;flex-direction:column;justify-content:center;position:absolute;font-size:1.5rem;font-weight:200;z-index:0}._hero_d61eo_41{margin-left:11vw;margin-top:20vh}@media screen and (max-width: 650px){._nameTitle_d61eo_1{font-size:2.5rem}._educationTitle_d61eo_8,._traitsTitle_d61eo_15 h1{font-size:1.2rem}}._about_1f3rk_11{margin-top:60vh}._contentBox_1f3rk_16{display:flex;gap:6rem;padding-right:1rem;z-index:1}._text_1f3rk_29{font-size:1.3rem;font-weight:200;color:var(--text-color)}._textBox_1f3rk_36{display:flex;flex-direction:column;gap:2rem}._picturesBox_1f3rk_47{position:relative;display:flex;align-items:center}._profileImage_1f3rk_54{width:30rem;height:39rem;object-fit:cover;border-radius:2%}._hat_1f3rk_63{position:absolute;top:4.5rem;left:8.6rem;transform:rotate(-10deg);z-index:2}@media screen and (max-width: 1200px){._profileImage_1f3rk_54{width:20rem;height:29rem}._contentBox_1f3rk_16{gap:2rem;padding-right:0}._text_1f3rk_29{font-size:1rem}._hat_1f3rk_63{top:4.2rem;left:5.6rem;width:8.5rem;height:8.5rem}}@media screen and (max-width: 690px){._profileImage_1f3rk_54{width:10rem;height:14rem}._contentBox_1f3rk_16{gap:2rem;padding-right:0}._hat_1f3rk_63{width:4.2em;height:4.2rem;top:3.5rem;left:2.8rem}}._skills_1sg53_1{margin-top:30vh}._skillTitle_1sg53_8{color:var(--text-color);font-weight:600;font-size:1.1rem}._skillsContainer_1sg53_14{display:flex;flex-wrap:wrap;gap:.5rem}._skill_1sg53_1{border:.1rem solid var(--text-color);border-radius:.2rem;color:var(--text-color);font-size:.9rem;padding:.5rem;cursor:pointer}._contentBox_1sg53_29{display:flex;flex-direction:column;gap:2rem}._skillSection_1sg53_35{display:flex;flex-direction:column;gap:.5rem}._projects_9m0jj_1{margin-top:30vh;color:var(--text-color)}._contentBox_9m0jj_6{display:flex;flex-direction:column;gap:2rem}._projectsSectionContainer_9m0jj_12{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}._card_9m0jj_18{background-color:var(--card-color);padding:1.5rem;border-radius:5%;border:1px solid var(--secondary-color);display:flex;flex-direction:column;gap:.2rem}._cardTitle_9m0jj_28{font-size:1.1rem;font-weight:600}._cardPeriod_9m0jj_33{font-size:1.1rem;font-weight:300}._cardImage_9m0jj_38{width:100%;margin-top:1rem;margin-bottom:1rem;border-radius:.375rem}._skillsContainer_9m0jj_45{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.2rem}._cardSkill_9m0jj_52,._cardSummary_9m0jj_53,._detailsButton_9m0jj_54{font-size:.9rem;font-weight:200}._cardSkill_9m0jj_52{border:1px solid var(--secondary-color);border-radius:.375rem;padding:.2rem;font-weight:400;cursor:pointer}._moreDetailsContainer_9m0jj_67{display:flex;align-items:center;gap:.7rem;margin-top:5rem}._moreDetailsContainer_9m0jj_67 a{display:flex;align-items:center;justify-content:center;padding:0;margin:0}._detailsButton_9m0jj_54{display:flex;margin-left:auto;font-weight:400;color:var(--text-color);border:none;outline:none;cursor:pointer;background-color:transparent}@media screen and (max-width: 1200px){._projectsSectionContainer_9m0jj_12{grid-template-columns:1fr 1fr}}@media screen and (max-width: 690px){._projectsSectionContainer_9m0jj_12{grid-template-columns:1fr}}._projectDescription_9m0jj_106{line-height:1.5}._modal_f2r66_1{width:40rem;padding:4rem;height:28rem;background-color:var(--card-color);border:2px solid var(--secondary-color);border-radius:2rem;position:relative}._cancelButton_f2r66_11{position:absolute;top:2rem;right:2rem}@media screen and (max-width: 1200px){._modal_f2r66_1{width:30rem;height:25rem}}@media screen and (max-width: 690px){._modal_f2r66_1{width:25rem;height:40rem}}._backdrop_1qrv2_1{height:100vh;height:100dvh;width:100vw;position:fixed;top:0;left:0;background:#00000040;display:flex;justify-content:center;align-items:center;z-index:20}._contact_d72x6_1{margin-top:30vh}._contentBox_d72x6_5{display:flex;flex-direction:column;gap:2rem}._emailSection_d72x6_11{display:flex;flex-direction:row;gap:2rem}._emailTitle_d72x6_17,._email_d72x6_11{color:var(--text-color);font-size:1.3rem}._background_1v9sq_1{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}._experience_7w7g7_1{margin-top:30vh}._contentBox_7w7g7_5{display:flex;flex-direction:column;gap:2rem}._timelineBox_7w7g7_11{border-left:1px solid var(--theme-color);width:98%;min-height:15rem;position:relative;margin-left:2%}._timelineCircle_7w7g7_19{position:absolute;top:0;left:0;transform:translate(-50%);border-radius:50%;height:1.75rem;width:1.75rem;z-index:2;border:1px solid var(--theme-color);background-color:var(--primary-color)}._timelineFirstItem_7w7g7_32{background-color:var(--theme-color)}._timelineDiamond_7w7g7_36{position:absolute;bottom:0;left:0;transform:translate(-50%,50%)}._experienceContainer_7w7g7_43{margin-left:2rem;display:flex;flex-direction:column;gap:.35rem}._experienceHeader_7w7g7_50{color:var(--text-color);font-size:.9rem;display:flex;gap:.5rem}._experienceContainer_7w7g7_43 ul{list-style:none;padding-left:0;color:var(--text-color);line-height:1.75}._experienceContainer_7w7g7_43 li{position:relative;padding-left:1.25rem;color:var(--text-color)}._experienceContainer_7w7g7_43 li:before{content:"•";position:absolute;left:0}._role_7w7g7_78{color:var(--text-color);font-size:1.1rem;font-weight:700}._organization_7w7g7_84{color:var(--text-color);font-size:.9rem;font-weight:500}@media screen and (max-width: 650px){._timelineBox_7w7g7_11{min-height:25rem}}