@import url(https://fonts.googleapis.com/css2?family=Montserrat: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 url(https://fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat: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 url(https://fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat: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);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header-top-logo{margin-left:50px;position:relative;width:10vw}.header-top-logo-img{height:64px;margin-top:4px;position:absolute}.header-top{background-color:#fff;height:70px;position:fixed;top:0;width:100%;z-index:100}.navbar{display:flex;float:right;margin-right:40px;margin-top:25px}.navbar-item{margin-left:30px;margin-right:30px}.navbar-button{background-color:initial;border:#0000;cursor:pointer;font-family:Montserrat,sans-serif;font-size:16px;width:150px}.mainPage-back{z-index:0}.mainPage{position:relative;text-align:center}.name-en{font-size:120px;margin-bottom:0;margin-top:60px}.name-cn,.name-en{font-family:Caudex,serif}.name-cn{color:#fff;font-size:100px;letter-spacing:10px;margin:0;position:absolute;top:120px;width:100%}.photo-img{position:absolute;top:140px}.photo-img,.photo-img-transparent{display:block;margin-left:37vw;width:26vw;z-index:-1}.photo-img-transparent{opacity:0;top:190px}.mainpage-intro-text{font-size:30px;margin-left:25vw;width:55vw}.mainpage-intro-text,.work-texts{font-family:Montserrat,sans-serif}.work-texts{display:flex;text-align:left;width:100%}.work-title{flex:50% 1}.work-title-text{font-size:20px;font-weight:700;margin-left:10vw}.work-description{flex:50% 1}.work-description-text{margin-left:50px;width:80%}.work-img{cursor:pointer;margin-bottom:250px;margin-left:10vw;margin-top:60px;width:80vw}#stuck{margin-left:7vw}#ant{margin-bottom:210px;margin-top:40px}.page-title{text-align:center}.page-title-text{font-family:Caudex,serif;font-size:40px;margin-bottom:60px;margin-top:180px}.menu-content-container{display:grid;grid-template-columns:35% 65%;padding-top:4.5em}.stuckPage p{line-height:30px}.orange-title{color:#fe8e39;font-size:24px;font-weight:500;margin-top:50px}.orange-title,.stuckPage-normal-text{font-family:Inter,sans-serif;margin-bottom:0;margin-left:10vw}.stuckPage-normal-text{color:#646262;font-size:18px;font-weight:400}.stuckPage-title-img{position:absolute;top:0;width:100%;z-index:-10}.stuckPage-stucklogo-img{margin-left:9vw;margin-top:30vh;width:13vw}.stuckPage-title-text{color:#ff984a;font-family:Inter,sans-serif;font-size:70px;font-weight:700;margin-bottom:0;margin-left:10vw;margin-top:0}.stuckPage-subtitle-text{font-size:20px;margin-top:10px;word-spacing:2px}.stuckPage-overview-title,.stuckPage-subtitle-text{color:#646262;font-family:Inter,sans-serif;font-weight:500;margin-left:10vw}.stuckPage-overview-title{font-size:32px;margin-bottom:0;margin-top:480px}.stuckPage-overview-title-line{background-color:#fe8e39;height:3px;margin-left:10vw;width:80px}.stuckPage-overview-problem-title{color:#fe8e39;font-family:Inter,sans-serif;font-size:24px;font-weight:500;margin-bottom:0;margin-left:10vw;margin-top:50px}.stuckPage-overview-problem-text{color:#646262;font-family:Inter,sans-serif;font-size:18px;font-weight:400;margin-bottom:0;margin-left:10vw;margin-top:10px;width:80vw}.orange-text{color:#fe8e39}.stuckPage-overview-bg{background-color:#f8e9d9;border-radius:30px;margin-left:10vw;margin-top:40px;width:80vw}.stuckPage-outline-column-num{color:#fe8e39;float:left;font-size:18px;font-weight:600;width:5vw}.stuckPage-outline-column-text{color:#787878;float:left;font-size:18px;font-weight:600;width:20vw}.stuckPage-outline-container:after{clear:both;content:"";display:table}.stuckPage-outline-container{padding-left:3vw}.stuckPage-outline-column-num-text{margin-left:2vw}.stuckPage-outline-column-text-small{font-weight:400}.stuckPage-outline-column-text-small-p{margin:0 0 8px}.stuckPage-research-title-container{margin-top:150px;padding-left:40vw;position:relative}.stuckPage-research-title-logo{bottom:0;float:left;height:auto;position:absolute;width:80px}.stuckPage-research-title-text{bottom:0;color:#fe8e39;float:right;font-family:Inter,sans-serif;font-size:36px;font-weight:500;margin-bottom:0;margin-left:80px;margin-top:60px;position:absolute}.stuckPage-research-title-container:after{clear:both;content:"";display:table}.stuckPage-problem-title{font-size:28px;font-weight:500;margin-top:80px}.stuckPage-problem-text1,.stuckPage-problem-title{color:#646262;font-family:Inter,sans-serif;margin-bottom:0;margin-left:10vw}.stuckPage-problem-text1{float:left;font-size:18px;font-weight:400;margin-top:30px;width:55vw}.stuckPage-problem-img1{float:left;margin-left:30px;width:23vw}.stuckPage-problem-text-container{clear:both;content:"";display:table;width:100vw}.stuckPage-problem-text2{width:80vw}.stuckPage-problem-text3{margin-top:40px;width:80vw}.stuckPage-problem-text4{margin-top:20px;width:80vw}.stuckPage-problem-text5{color:#fe8e39;font-size:60px;font-weight:700}.stuckPage-problem-text6{margin-top:40px}.stuckPage-problem-text7{color:#646262;float:left;font-family:Inter,sans-serif;font-size:18px;font-weight:400;margin-bottom:0;margin-left:10vw;margin-top:10px;width:60vw}.stuckPage-problem-img2{float:left;margin-left:30px;width:13vw}.stuckPage-problem-text8{color:#787878;float:left;font-family:Inter,sans-serif;font-size:30px;font-style:italic;font-weight:700;margin-bottom:10px;margin-top:10px;padding-bottom:15px;padding-left:30px;padding-top:15px}.stuckPage-problem-line{background-color:#fe8e39;float:left;height:40px;margin-bottom:20px;margin-left:50px;margin-top:20px;width:3px}.stuckPage-problem-bg:after{clear:both;content:"";display:table}.stuckPage-problem-bg{background-color:#f8e9d9;border-radius:30px;margin-left:10vw;margin-top:20px;width:78vw}.stuckPage-interview-title{color:#646262;font-family:Inter,sans-serif;font-size:28px;font-weight:500;margin-bottom:0;margin-left:10vw;margin-top:120px}.stuckPage-interview-text-container2{float:left;width:55vw}.stuckPage-interview-img-container{float:left}.stuckPage-interview-img{margin-left:30px;margin-top:20px;width:25vw}.stuckPage-interview-text-container{clear:both;content:"";display:table;width:100vw}.stuckPage-interview-questions{margin-top:0}.stuckPage-interview-keyinsights-col{float:left;width:33%}.stuckPage-interview-keyinsights-text{font-size:16px;line-height:25px;margin-left:0;margin-right:30px}.stuckPage-persona-img{margin-left:10vw;margin-top:20px;width:80vw}.stuckPage-design-ideation-img1{margin-left:10vw;margin-top:20px;width:40vw}.stuckPage-design-ideation-img2{margin-left:20px;margin-top:20px;width:40vw}.stuckPage-design-sitemap-img1{margin-left:10vw;margin-top:20px;width:80vw}.stuckPage-final-prototype-title{float:left}.stuckPage-try-prototype-btn{background-color:#ffb871;border:none;color:#000;cursor:pointer;float:right;font-family:Inter,sans-serif;font-size:16px;height:40px;letter-spacing:1px;margin-top:120px;width:200px}.stuckPage-try-prototype-btn:hover{background-color:#ff984a;color:#fff}.stuckPage-try-prototype-qrcode{float:right;margin-left:30px;margin-right:10vw;margin-top:42px;width:120px}.stuckPage-final-prototype-title-container:after{clear:both;content:"";display:table}.stuckPage-visual-identity-subtitle{color:#787878;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin-left:10vw;margin-top:0}.stuckPage-visual-icons-text{float:left}.stuckPage-visual-icons-img{bottom:0;margin-left:5vw;position:absolute;width:35vw}.stuckPage-visual-colors-img-container,.stuckPage-visual-icons-img{float:right;margin-right:10vw}.stuckPage-visual-colors-img{width:30vw}.stuckPage-visual-typo-img-container{float:right;margin-right:15vw}.stuckPage-visual-typography-img{width:15vw}.stuckPage-visual-icons:after{clear:both;content:"";display:table}.stuckPage-visual-logo-img{margin-left:20vw;width:60vw}.stuckPage-future-watch-content{align-items:center;display:flex;flex-direction:row}.stuckPage-future-watch-text{margin-right:40px;width:50%}.stuckPage-future-watch-img{width:35%}.stuckPage-team-content-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.stuckPage-team-member{text-align:center;width:30%}.stuckPage-team-text{font-size:16px;font-weight:600;margin:0;padding-top:5px}.stuckPage-team-photo-img{width:25vw}.stuckPage-design-ideation,.stuckPage-design-ideation-img-container{width:100vw}.react-slideshow-container{align-items:center;display:flex}.react-slideshow-container .nav{z-index:10}.react-slideshow-container .default-nav{align-items:center;background:#fff9;border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:#0000;border:0;color:#0000;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:focus,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fade-wrapper{overflow:hidden;width:100%}.react-slideshow-fade-wrapper .react-slideshow-fade-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fade-wrapper .react-slideshow-fade-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-zoom-wrapper{overflow:hidden;width:100%}.react-slideshow-zoom-wrapper .zoom-wrapper{display:flex;flex-wrap:wrap;overflow:hidden}.react-slideshow-zoom-wrapper .zoom-wrapper>div{display:flex;position:relative}.react-slideshow-zoom-wrapper .zoom-wrapper>div[aria-hidden=true]{display:none}.footer{height:100px;position:relative;width:100%}.footer-text{bottom:0;color:#646262;font-family:Montserrat,sans-serif;left:20px;position:absolute}.each-slide>div{align-items:center;background-size:cover;display:flex;height:350px;justify-content:center}.each-slide span{background:#efefef;font-size:20px;padding:20px;text-align:center}.slideshow-img{width:80vw}#hoodie,#horse,#stuck{margin-left:15vw;width:70vw}.aboutPage{display:flex;flex-direction:row;height:100%}.aboutPage p{font-family:Inter,sans-serif}.aboutPage-text-container{margin-left:10%;margin-top:150px;width:45%}.aboutPage-photo-container{margin-left:100px;margin-top:150px;width:30%}.aboutPage-photo-img{width:100%}.aboutPage-text-header{font-size:26px}.aboutPage-text-normal{color:#000;font-size:18px;line-height:30px}.aboutPage-text-orange{color:#ffb379;font-size:14px;font-weight:700}.menu-container{box-sizing:border-box;height:95vh;max-height:100vh;max-width:100%;overflow-y:auto;position:sticky;top:4em;width:100%}.menu-container-padding{background-color:#fff;border-right:1px solid #00000040;color:#000000bf;font-family:Montserrat,sans-serif;height:95vh;margin-top:0;overflow-x:hidden;overflow-y:auto;padding-left:1.1rem;padding-right:2.1rem;padding-top:0;z-index:5}.menu-container-padding>hr{border-top:1px solid #00000040}.menu-container-padding::-webkit-scrollbar{display:none}.menuLink{font-family:Montserrat,sans-serif;font-size:14px;text-decoration:none}.menuLink,.menuLink:visited{color:#000}.menuLink:hover{background-color:#00c8c8}.menu-improved{background-color:#0000;line-height:1.5;padding-bottom:5px;padding-top:5px}.menu-improved:hover{background-color:#c8c8c880}.menu-grid-item{display:flex;justify-content:space-between}.myPhoto{display:block;margin:auto;width:50%}.selfIntro{font-size:16px;line-height:25px;margin:0}.content-container{border-right:0 dotted #000;font-family:Montserrat,sans-serif;margin:auto;max-width:100%;padding-left:5vw;padding-right:5vw;width:55vw}.content-container-padding{padding-left:10px;padding-right:10px}.photoContainer{display:flex;flex-wrap:wrap}.aboutmePhoto{padding:10px;width:45%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f2f2f2;font-family:Montserrat,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.f183ae86.css.map*/