@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100;300;400;500;600;700&display=swap";@import'https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet';@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&display=swap";.navbar{height:6.5rem;position:absolute;top:0;left:0;background-color:transparent;z-index:999;display:flex;align-items:center;justify-content:center;width:100%}.navbar--container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 3rem;margin-top:1rem}.navbar--container>h1{font-family:BestermindRegular;color:var(--primary-2);font-size:2.5rem;-webkit-user-select:none;user-select:none}.navLink--container{margin-top:7rem}.drawer>.MuiBackdrop-root{background:#21212126!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}@media (max-width: 1100px){.navbar--container{padding:0 2rem}.navbar--container>h1{font-size:2.2rem}.nav-menu{font-size:2.2rem;margin-top:-1.5rem}}@media (max-width: 800px){.navLink--container{margin-top:8rem}}@media (max-width: 600px){.nav-menu{color:var(--primary-2)}.navbar--container>h1{font-size:2rem}.nav-menu:hover{color:var(--primary-2)}.MuiDrawer-paper{border-radius:0!important}}@media only screen and (min-device-width: 320px) and (max-device-width: 480px){.navbar{height:5rem}.navbar--container{padding:0 1rem;margin-top:0rem}.navbar--container>h1{font-size:1.5rem}}.footer{font-family:"var(--primaryFont)",sans-serif;height:60px;width:100%;display:flex;justify-content:center;align-items:center}.footer p{font-weight:500;font-family:var(--primaryFont);font-size:18px}.footer p span{font-size:24px}.landing{height:100vh;display:flex;align-items:center;justify-content:center}.landing--container{display:flex;align-items:center;justify-content:center;height:100%;position:relative}.landing--img{--img-size: 400px;position:absolute;left:35%;transform:translate(-50%);width:var(--img-size);height:var(--img-size);border-radius:50%;box-shadow:0 0 30px #0003;transition:opacity .3s;z-index:10}.landing--container-left{flex:35%;height:100%;display:flex;align-items:flex-end;justify-content:flex-start}.lcl--content{margin:3rem;width:100%;display:flex;align-items:center;justify-content:flex-start}.landing--social{font-size:35px;margin:0 1rem;transition:transform .4s ease}.landing--social:hover{transform:scale(1.2)}.landing--container-right{flex:65%;height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.lcr--content{width:45%;margin-right:7rem;font-family:var(--primaryFont)}.lcr--content h6{font-weight:500;font-size:1.25rem;margin-bottom:-.85rem;opacity:.8}.lcr--content h1{font-weight:600;font-size:3.25rem;line-height:110%;margin:1rem 0}.lcr--content p{margin-top:1.45rem;font-weight:500;font-size:1.15rem;opacity:.7}.lcr-buttonContainer{margin-top:2rem;width:350px;display:flex;align-items:center;justify-content:space-between}@media (max-width: 1100px){.landing--img{--img-size: 350px}.lcl--content{margin:2rem}.lcr--content h6{font-size:1.1rem}.lcr--content h1{font-size:3rem}.lcr--content p{margin-top:.3rem;margin-bottom:1rem;font-size:1rem}.lcr-buttonContainer{margin-top:1rem;flex-direction:column;width:200px;height:120px;align-items:flex-start}}@media (max-width: 900px){.landing--img{--img-size: 300px}.landing--social{font-size:30px}.lcr--content{width:60%;margin-top:10%;margin-right:6%}.lcr-buttonContainer{flex-direction:column;width:200px;height:120px}.lcr-buttonContainer button:nth-child(2){display:none}}@media (max-width: 600px){.landing--container{flex-direction:column;justify-content:space-between}.landing--img{--img-size: 260px;left:50%;top:30%;transform:translate(-50%,-50%);border:8px solid #eaeaea}.landing--container-left{width:100%;height:30%}.landing--social{display:none}.landing--container-right{width:100%;height:70%;align-items:center;justify-content:center;padding:0 2rem}.lcr--content{margin-top:20%;width:100%;text-align:center}.lcr-buttonContainer{margin:0 auto;justify-content:center}.lcr-buttonContainer a:nth-child(2){display:none}}@media (max-width: 500px){.lcr--content{margin-top:35%}}@media (max-width: 370px){.lcr--content{margin-top:50%}}.about{min-height:100vh;position:relative}.line-styling{position:absolute;top:50px;left:50%;transform:translate(-50%);height:50px;width:85%;display:flex;align-items:center;justify-content:space-between}.style-circle{width:10px;height:10px;border-radius:50%}.style-line{width:95%;height:5px;border-radius:10px}.about-body{display:flex;align-items:center;justify-content:space-around;padding-top:8rem}.about-description{display:flex;flex-direction:column;align-items:flex-start;flex:.5;width:100%;gap:1.2rem}.about-description h2{font-size:3.5rem;font-family:var(--primaryFont)}.about-description p{font-size:1.25rem;font-family:var(--primaryFont)}.about-img{margin-top:40px;pointer-events:none}.about-img img{width:380px}@media (max-width: 1380px){.about-description h2{font-size:3.2rem}.about-description p{font-size:1.15rem}.about-img img{width:300px}}@media (max-width: 992px){.line-styling{top:20px}.about-body{flex-direction:column-reverse;padding-top:2rem}.about-description{padding:20px;align-items:center;text-align:center}.about-description h2{font-size:2.8rem}.about-description p{font-size:1.1rem}.about-img img{width:250px}}@media (max-width: 600px){.style-circle{width:6px;height:6px}.style-line{width:93%;height:3px}.about-description h2{font-size:2.3rem}.about-description p{font-size:.95rem}.about-img img{width:200px}}.skills{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:60vh;padding:2.5rem 2rem 2rem}.skillsHeader{display:flex;align-items:center;justify-content:center}.skillsHeader h2{font-family:var(--primaryFont);font-style:normal;font-weight:700;font-size:3.5rem;text-align:center}.skillsContainer{display:flex;align-items:center;justify-content:center;width:100%;margin-top:3.5rem;padding:0 2rem}.skill--scroll{width:100%;margin:0 2rem}.skill--box{background:#fafafa;box-shadow:0 10px 20px #0000001f;border-radius:10px;width:160px;height:160px;margin:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;transition:.3s ease-in-out}.skill--box:hover{transform:scale(1.15)}.skill--box>img{height:50px;pointer-events:none}.skill--box h3{font-family:Big Shoulders Text;font-style:normal;font-weight:500;font-size:22px;text-align:center;margin-top:1rem}.marquee{padding:3rem 0}@media (min-width: 992px) and (max-width: 1380px){.skills{padding:2rem 1rem 1rem}.skillsContainer{padding:1.5rem;margin-top:1.5rem}}@media screen and (max-width: 992px){.skills{padding:1rem;min-height:100%}.skillsContainer{padding:1rem;margin:1rem 0}.skillsHeader h2{font-size:3.2rem}.skill--box{width:150px;height:150px;margin:1.2rem;padding:2rem 1rem}.skill--box>img{height:45px}.skill--box h3{font-size:20px;margin-top:1rem}}@media screen and (max-width: 800px){.skills,.skillsContainer{padding:.5rem}.skillsHeader h2{font-size:3rem}.skill--scroll{width:100%;margin:0}}@media screen and (max-width: 600px){.skill--box{width:135px;height:135px;margin:1.2rem;padding:2rem 1rem}.skill--box>img{height:40px}.skillsHeader h2{font-size:2.5rem}.skill--box h3{font-size:18px;margin-top:1rem}}.education{min-height:100vh}.education-body{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;color:#3ec337b3}.education-description{width:100%;flex:.65;padding:2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:7%}.education-description>h1{font-size:3.5rem;font-family:var(--primaryFont);margin-bottom:2rem}.education-card{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:90%;height:140px;padding:1.5rem;border-radius:20px;margin-bottom:1.5rem;transition:background-color .2s ease-in-out}.educard-img{border-radius:50%;width:55px;height:55px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.educard-img>img{width:40px}.education-details{margin-left:.6rem}.education-details>h6{font-family:var(--primaryFont);font-size:.85rem;font-weight:700;margin-bottom:.5rem}.education-details>h4{font-family:var(--primaryFont);font-size:1.225rem;font-weight:600}.education-details>h5{font-family:var(--primaryFont);font-size:1.15rem;font-weight:600}.education-image{box-sizing:border-box;padding:1rem;flex:.35;margin-top:1rem;pointer-events:none}.education-image>img{width:100%}@media screen and (max-width: 992px){.education{min-height:100%}.education-image{display:none}.education-description{flex:1;margin:auto}.education-description>h1{font-size:3.2rem}.education-card{width:100%;padding:1.5rem;margin-bottom:1.5rem}}@media screen and (max-width: 800px){.education-description>h1{font-size:3rem;margin-bottom:2rem;align-self:center}.education-description{padding:1rem}.education-card{padding:1rem;margin-bottom:1.5rem;height:130px}.educard-img{border-radius:50%;width:45px;height:45px}.educard-img>img{width:30px}.education-details>h6{font-size:.85rem;margin-bottom:.45rem}.education-details>h4{font-size:1.125rem;line-height:126%}.education-details>h5{font-size:1.05rem;line-height:126%}}@media screen and (max-width: 600px){.education-description>h1{font-size:2.5rem}}.education-card{transition:background-color .3s ease,transform .3s ease}.education-card:hover{transform:translateY(-4px)}.experience{min-height:100vh}.experience-body{display:flex;align-items:center;justify-content:center;width:100%}.experience-description{flex:.65;padding:2rem;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;margin-right:2rem}.experience-description>h1{font-size:3.5rem;font-family:var(--primaryFont);margin-bottom:2rem}.experience-card{display:flex;align-items:flex-start;width:90%;height:140px;padding:1.5rem;border-radius:20px;margin-bottom:1.5rem;transition:background-color .3s ease,transform .3s ease}.experience-card:hover{transform:translateY(-4px)}.expcard-img{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expcard-img img{width:36px;pointer-events:none}.experience-details{margin-left:.6rem}.experience-details h6{font-family:var(--primaryFont);font-size:.85rem;font-weight:700;margin-bottom:.5rem}.experience-details h4{font-family:var(--primaryFont);font-size:1.225rem;font-weight:600}.experience-details h5{font-family:var(--primaryFont);font-size:1.15rem;font-weight:600}.experience-image{flex:.35;padding:1rem;margin-left:7%;margin-top:1rem;pointer-events:none}.experience-image img{width:100%;pointer-events:none}@media screen and (max-width: 992px){.experience{min-height:auto}.experience-image{display:none}.experience-description{flex:1;margin:auto}.experience-description>h1{font-size:3.2rem}.experience-card{width:100%}}@media screen and (max-width: 800px){.experience-description{padding:1rem}.experience-description>h1{font-size:3rem;align-self:center}.experience-card{height:130px;padding:1rem}.expcard-img{width:45px;height:45px}.expcard-img img{width:30px}.experience-details h6{font-size:.85rem}.experience-details h4{font-size:1.125rem;line-height:1.25}.experience-details h5{font-size:1.05rem;line-height:1.25}}@media screen and (max-width: 600px){.experience-description>h1{font-size:2.5rem}}.contacts{min-height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative}.contacts--img{position:absolute;right:0;bottom:0;width:280px;pointer-events:none}.contacts--container{display:flex;flex-direction:column;padding:2rem 6rem 3rem;width:80%;margin-top:2rem}.contacts--container>h1{font-family:var(--primaryFont);font-size:3.5rem;margin-bottom:2.5rem}.contacts-body{display:flex;width:100%}.contacts-form{display:flex;flex:.4;width:100%}.contacts-form form{display:flex;flex-direction:column;width:100%}.input-container{width:100%}.form-input,.input-style{height:50px;border-radius:20px;outline:none;margin-bottom:2rem;padding:.7rem;width:100%;border:4px solid var(--primary80);background-color:var(--secondary);color:var(--tertiary);font-family:var(--primaryFont);font-weight:500;transition:border .2s ease,box-shadow .2s ease}.form-message,.message-style{height:150px;border-radius:20px;outline:none;margin-bottom:2rem;padding:.7rem;width:100%;border:4px solid var(--primary80);resize:none;background-color:var(--secondary);color:var(--tertiary);font-family:var(--primaryFont);font-weight:500;transition:border .2s ease,box-shadow .2s ease}.form-input:focus,.form-message:focus{border-color:var(--primary);box-shadow:0 0 0 2px #f5653933}.label-style{background-color:var(--secondary);color:var(--primary);font-family:var(--primaryFont);font-weight:600;font-size:.9rem;padding:0 5px;transform:translate(25px,50%);display:inline-flex}.submit-btn button{border:none;outline:none;width:250px;height:50px;border-radius:50px;font-weight:500;display:flex;align-items:center;justify-content:space-evenly;cursor:pointer;background-color:#f56539;color:#212121;transition:all .25s ease-in-out}.submit-btn button:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn button:not(:disabled):hover{background-color:#eaeaea;color:#212121;transform:scale(1.05)}.submit-btn button p{font-size:16px;font-family:var(--primaryFont)}.submit-icon{display:flex;align-items:center;justify-content:center;padding:5px}.send-icon{font-size:25px;transform:translate(5px,-3px) rotate(-30deg);transition:transform .3s ease}.spin{animation:spin 1s linear infinite;transform:none!important}.success-icon{font-size:28px;transition:all .3s ease-in-out}.contacts-details{flex-direction:column;flex:.6;padding-left:7rem;margin-top:1.2rem}.personal-details{display:flex;align-items:center;margin-bottom:2.5rem}.personal-details p{margin-left:1.5rem;font-size:18px;font-weight:500;font-family:var(--primaryFont);width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.details-icon{background-color:var(--primary);color:var(--secondary);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:23px;transition:.25s ease-in-out;flex-shrink:0}.details-icon:hover{transform:scale(1.1);background-color:var(--tertiary);color:var(--secondary)}.socialmedia-icons{width:90%;display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:4rem}.social-icon{background-color:var(--primary);color:var(--secondary);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:21px;transition:.25s ease-in-out;cursor:pointer}.social-icon:hover{transform:scale(1.1);background-color:var(--tertiary);color:var(--secondary)}@media screen and (max-width: 992px){.contacts--img{display:none}.contacts--container{width:100%;padding:2rem}.contacts-details{padding-left:2rem}}@media screen and (max-width: 800px){.contacts-body{flex-direction:column;align-items:center;gap:2rem}.contacts-form{width:80%}.contacts-details{padding:1rem;align-items:center}.socialmedia-icons{width:100%;gap:1rem;margin-top:2rem}.personal-details{margin-bottom:1.8rem}.personal-details p{margin-left:1rem;width:95%}}@media screen and (max-width: 600px){.contacts-form{width:100%}.contacts--container>h1{font-size:2.5rem}}@keyframes spin{to{transform:rotate(360deg)}}.projects{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;overflow-x:hidden;padding:2rem}.projects--header{display:flex;align-items:center;justify-content:center;width:100%;margin:1rem}.projects--header h1{margin-bottom:40px;font-size:3.5rem;font-family:var(--primaryFont)}.projects--body{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.projects--bodyContainer{display:flex;align-items:center;justify-content:center;gap:4.5rem;width:100%}.projects--viewAll{width:100%;padding:2rem;display:flex;align-items:center;justify-content:flex-end;margin-top:2rem}.projects--viewAll a button,.viewAllBtn{outline:none;border:none;width:150px;height:48px;display:flex;align-items:center;justify-content:space-between;text-transform:inherit;border-radius:45px;font-size:1.05rem;font-family:var(--primaryFont);font-weight:500;padding-left:1.5rem;cursor:pointer}.viewArr{width:40px;height:40px;padding:.5rem;font-size:1.05rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.projects--viewAll a button:hover .viewArr{background-color:var(--secondaryColor)}@media screen and (max-width: 992px){.projects--bodyContainer{flex-direction:column;align-items:center;justify-content:center;width:100%}}@media screen and (max-width: 800px){.projects--header h1{font-size:3rem;margin-bottom:30px}}@media screen and (max-width: 600px){.projects--header h1{font-size:2.5rem;margin-bottom:20px}.projects--viewAll{position:relative;margin-top:4rem}.projects--viewAll a{position:absolute;left:50%;transform:translate(-50%)}}.singleProject{box-shadow:4px 4px 8px #24030333;width:304px;height:360px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.4rem 2rem;position:relative;cursor:pointer;overflow:hidden}.projectContent{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%}.projectContent>h2{font-family:var(--primaryFont);font-weight:600;font-size:1.525rem;line-height:110%;text-align:center}.projectContent>img{width:100%;height:60%;object-fit:cover;transition:opacity .6s ease}.singleProject:hover img{opacity:0}.project--showcaseBtn{display:flex;align-items:center;justify-content:space-between;width:100%}.iconBtn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;text-decoration:none;border:2px solid var(--btn-border);color:var(--btn-border);transition:all .2s ease}.iconBtn:hover{background-color:var(--btn-hover-bg);color:var(--btn-hover-color);border:2px solid var(--btn-hover-bg);transform:scale(1.1)}.singleProject:hover .project--showcaseBtn a:nth-child(2){transform:translate(-140px) scale(1.15)}.project--desc{position:absolute;width:95%;height:160px;left:0;top:0;transform:translate(-110%,40%);padding:15px;border-radius:0 20px 20px 0;transition:transform .8s ease;line-height:110%;display:flex;align-items:center;justify-content:center;font-family:var(--primaryFont)}.singleProject:hover .project--desc{transform:translate(-2%,40%)}.project--lang{position:absolute;bottom:20px;right:0;width:140px;font-size:.8rem;display:flex;justify-content:center;gap:.5rem;flex-direction:column;border-radius:10px 0 0 10px;transform:translate(100%);transition:transform .4s ease;padding:.825rem}.singleProject:hover .project--lang{transform:translate(0)}.project--lang>span{font-family:var(--primaryFont);font-weight:500;word-break:break-word;line-height:100%}.backToTop{position:fixed;right:16px;bottom:60px;z-index:999}.backToTop button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.backToTop button:hover{transform:translateY(-4px);transition:transform .2s ease}@media (max-width: 800px){.backToTop{right:10px;bottom:50px}}.projectPage{display:flex;flex-direction:column;align-items:center;min-height:100vh}.projectPage-header{height:35vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.projectPage-header h1{font-size:4rem;font-family:var(--primaryFont);color:var(--bg-secondary)}.home-icon{position:absolute;top:25px;left:25px;padding:7px;border-radius:50%;font-size:2rem;cursor:pointer;color:var(--bg-secondary);box-shadow:3px 3px 6px #ffffff40,-3px -3px 6px #00000050;box-sizing:content-box;transition:all .3s ease}.home-icon:hover{color:var(--text-color);transform:scale(1.1)}.projectPage-container{padding:3rem 2rem;width:100%;display:flex;flex-direction:column;align-items:center}.projectPage-search{width:100%;display:flex;justify-content:center}.search-input{width:40%;height:2.75rem;border-radius:20px;padding:.95rem 1rem;border:none;outline:none;font-family:Noto Sans TC,sans-serif;font-weight:500;font-size:.9rem;color:var(--text-color);background-color:var(--bg-secondary);box-shadow:var(--shadow-light);transition:all .3s ease}.search-input::placeholder{color:var(--text-soft)}.search-input:focus{transform:scale(1.02)}.project-container{margin-top:5rem;width:100%}.project-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:4rem}@media screen and (max-width: 992px){.projectPage-header{height:25vh}.project-grid{gap:3rem}.search-input{width:350px}}@media screen and (max-width: 702px){.project-grid{gap:1.5rem}}@media screen and (max-width: 550px){.projectPage-header h1{font-size:3rem}}@media screen and (max-width: 400px){.projectPage-header{height:20vh}.projectPage-header h1{font-size:2.5rem}}:root{--primaryFont: "Poppins", sans-serif}@font-face{font-family:BestermindRegular;src:url(/assets/BestermindRegular-CFM6Mpkh.ttf);src:url(/assets/BestermindRegular-CFM6Mpkh.ttf) format("embedded-opentype"),url(/assets/BestermindRegular-CFM6Mpkh.ttf) format("truetype")}*{margin:0;box-sizing:border-box}a{text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#555}::-webkit-scrollbar-thumb{background:#555;border-radius:10px;transition:.3s}img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 400px){body{overflow-x:hidden}}@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3){body{overflow-x:hidden}}