@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@300&family=Roboto:wght@500&display=swap);:root{--primary-color:#27272a;--secondary-color:#65656d;--tertiary-color:#acacb4;--quaternary-color:#e4e4e7;--link-color:#14b8a6;--primary-font:"Heebo",sans-serif;--secondary-font:"Roboto",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--primary-font);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo{border-radius:50%;display:block;margin:0;padding:0}.nav-container{margin:0}.nav-container,.navbar{align-items:center;display:flex;justify-content:center}.navbar{position:fixed;top:3vh;z-index:999}.nav-background{background:#fff;border-radius:40px;box-shadow:0 2px 10px rgba(0,0,0,.1);height:40px;padding-left:0;padding-right:0;width:250px}.nav-list{align-items:center;display:flex;gap:30px;justify-content:center;list-style:none;margin-left:-16px;margin-right:20px;margin-top:11px}.nav-item{font-size:100%;font-weight:700}.nav-item.active a{color:var(--link-color)!important}.nav-item a{color:var(--primary-color);text-decoration:none}.nav-item a:hover{color:var(--link-color);transition:color .3s ease-in-out}@media (max-width:600px){.navbar{font-size:90%;margin-left:25%;margin-right:25%;width:60%}.nav-list{gap:25px}.nav-background{height:40px;width:90%}.nav-item{font-weight:700}}.card{border-radius:20px;mix-blend-mode:normal;outline:2px solid #f4f4f5}.card-container{padding:30px 30px 5px}.card-header{align-items:center;display:flex}.card-icon{color:var(--tertiary-color);font-size:15px}.card-title{color:var(--secondary-color);font-size:14px;font-weight:650;padding-left:20px}.card-body{flex:1 1;font-size:15px;padding-top:40px}.home-works-body{height:100%;justify-content:space-between;margin-bottom:10px}.home-work,.home-works-body{display:flex;flex-direction:column}.home-work{max-width:400px;padding-bottom:40px;width:100%}.home-work-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.home-work-left{align-items:center;display:flex;flex:1 1}.home-work-image{border-radius:50%;box-shadow:0 7px 10px rgba(0,0,0,.25);flex-shrink:0;height:30px;outline:6px solid #fff;width:30px}.home-work-company{color:var(--secondary-color);font-size:15px;font-weight:700;margin-top:2px;padding-left:20px}.home-work-position{color:var(--secondary-color);font-size:12px;margin-bottom:2%;margin-top:-2px;padding-left:50px}.home-work-duration{color:var(--tertiary-color);font-size:12px;white-space:nowrap}.home-education-body{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-bottom:10px}.home-education-item{display:flex;flex-direction:column;max-width:400px;padding-bottom:40px;width:100%}.home-education-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.home-education-left{align-items:center;display:flex;flex:1 1}.home-education-image{border-radius:50%;box-shadow:0 7px 10px rgba(0,0,0,.25);flex-shrink:0;height:30px;outline:6px solid #fff;width:30px}.home-education-school{color:var(--secondary-color);font-size:15px;font-weight:700;margin-top:2px;padding-left:20px}.home-education-degree{color:var(--secondary-color);font-size:12px;margin-bottom:2px;margin-top:-2px;padding-left:50px}.home-education-duration{color:var(--tertiary-color);font-size:12px;white-space:nowrap}.homepage-logo-container{align-items:center;display:flex;justify-content:left;padding-top:130px}.homepage-container{padding-top:25px}.homepage-first-area{align-items:center;display:flex;justify-content:space-between}.homepage-first-area-left-side{align-items:flex-start;display:flex;flex-direction:column}.homepage-subtitle,.homepage-title{width:85%!important}.homepage-subtitle{white-space:pre-line}.homepage-first-area-right-side{align-items:center;display:flex}.homepage-image-container{height:370px;width:370px}.homepage-image-wrapper{border-radius:20px;height:100%;overflow:hidden;width:100%}.homepage-image-wrapper img{display:block;height:100%;object-fit:cover;width:100%}.homepage-socials{align-items:center;display:flex;justify-content:left;padding-bottom:20px;padding-top:20px}.homepage-social-icon{color:var(--secondary-color);font-size:25px;padding-right:20px;transition:color .2s ease-in-out}.homepage-social-icon:hover{color:var(--primary-color)}.homepage-after-title{align-items:flex-start;display:flex;gap:40px}.homepage-projects{flex-basis:300px;padding-top:40px}.homepage-life{flex-basis:900px;margin-left:-30px;padding-bottom:5px;padding-top:30px}.homepage-education,.homepage-works{flex:1 1;max-width:50%;min-width:300px;padding-top:30px}@media (max-width:1024px){.homepage-first-area{flex-direction:column}.homepage-first-area-left-side{align-items:flex-start;display:flex;flex-direction:column;order:2;width:100%}.homepage-title{margin-top:20px;order:2;width:100%!important}.homepage-subtitle{margin-top:10px;order:3;width:100%!important}.homepage-first-area-right-side{order:1;width:100%}.homepage-image-container{margin-left:10px;order:1;padding-bottom:50px;padding-top:50px}.homepage-after-title{flex-direction:column;gap:20px}.homepage-life,.homepage-projects{flex-basis:auto}.homepage-life{margin-left:0}.homepage-education,.homepage-works{flex-basis:auto}}.email-wrapper,.social{display:flex;padding-bottom:20px}.email-wrapper a,.social a{text-decoration:none}.social-icon{font-size:15px}.social-icon,.social-text{color:var(--secondary-color)}.social-text{font-size:14px;font-weight:600;margin-top:-20px;padding-left:30px}.email:before{border-top:3px solid #f4f4f5;content:"";display:block;margin-top:20px}.email-wrapper,.email:before{padding-top:20px}.about-logo-container{display:flex;justify-content:left;padding-top:3vh}.about-logo{border:1px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;z-index:999}.about-container{display:flex;flex-direction:column;height:100%;margin:0;padding-top:120px}.about-main{display:flex}.about-right-side{flex-basis:900px}.about-title{line-height:1.5;white-space:pre-line;width:100%!important}.about-subtitle{font-weight:600;white-space:pre-line}.about-description{white-space:pre-line;width:90%!important}.about-left-side{display:flex;flex-basis:300px;flex-direction:column;padding-top:80px}.about-image-container{width:370px}.about-image-wrapper{border-radius:20px;display:inline-block;overflow:hidden;width:100%}.about-image-wrapper img{display:block;width:100%}.about-socials{padding-bottom:50px;padding-top:50px}.about-socials-mobile{display:none}@media (max-width:1024px){.about-main{flex-direction:column}.about-description{padding-top:20px!important}.about-left-side{flex-basis:100%;order:1}.about-right-side{flex-basis:100%;order:2}.about-image-container{padding-bottom:40px}.about-socials{display:none}.about-socials-mobile{display:flex;padding-top:30px}}@media (max-width:600px){.about-container{padding-top:60px}.about-image-container{width:80%}}.work-experience-container{box-sizing:border-box;display:flex;flex-direction:column;gap:40px;max-width:100%;padding-bottom:30px;padding-top:30px;width:100%}.work-experience-item{background:#fafafa;border:1px solid #f4f4f5;border-radius:20px;box-sizing:border-box;max-width:100%;overflow:hidden;padding:30px;transition:all .3s ease-in-out;width:100%}.work-experience-item:hover{background:#f5f5f5;box-shadow:0 4px 15px rgba(0,0,0,.1)}.work-experience-header{align-items:flex-start;display:flex;margin-bottom:20px}.work-experience-logo{flex-shrink:0;height:60px;margin-right:20px;width:60px}.work-experience-logo img{border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);height:100%;object-fit:cover;width:100%}.work-experience-details{flex:1 1}.work-experience-company{color:var(--primary-color);font-family:var(--secondary-font);font-size:20px;font-weight:700;margin:0 0 5px}.work-experience-position{color:var(--secondary-color);font-size:16px;font-weight:600;margin:0 0 15px}.work-experience-meta{display:flex;flex-wrap:wrap;gap:20px}.work-experience-duration,.work-experience-location{align-items:center;color:var(--tertiary-color);display:flex;font-size:14px;gap:8px}.work-experience-duration svg,.work-experience-location svg{font-size:12px}.work-experience-content{margin-top:20px}.work-experience-description{color:var(--secondary-color);font-size:15px;line-height:1.6;margin-bottom:20px}.work-experience-technologies{display:flex;flex-wrap:wrap;gap:8px}.technology-tag{background:var(--link-color);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}@media (max-width:768px){.work-experience-header{align-items:center;flex-direction:column;text-align:center}.work-experience-logo{margin-bottom:15px;margin-right:0}.work-experience-meta,.work-experience-technologies{justify-content:center}}.work-logo-container{display:flex;justify-content:left;padding-top:3vh}.work-logo{border:1px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;z-index:999}.work-container{display:flex;flex-direction:column;height:100%;margin:0;max-width:100%;overflow-x:hidden;padding-bottom:50px;padding-top:120px;width:100%}.work-title{margin-bottom:5px!important}.work-subtitle{line-height:1.6!important}.work-experience-container{margin-top:5px}@media (max-width:600px){.work-container{padding-top:60px}}.life-logo-container{display:flex;justify-content:left;padding-top:3vh}.life-logo{border:1px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;z-index:999}.life-subtitle{white-space:pre-line!important;width:100%!important}.life-main-container{height:100%;margin:0;padding-top:120px}.life-container,.life-main-container,.life-wrapper{display:flex;flex-direction:column}.life-wrapper{padding-bottom:50px;padding-top:0}.life-item{border-left:2px solid #f4f4f5;padding-bottom:20px;padding-left:35px;padding-top:0;width:100%}@media (max-width:1024px){.life-subtitle,.life-title{width:100%!important}}.podcast-section{padding:30px 0}.podcast-section h3{color:var(--primary-color);font-family:var(--secondary-font);font-size:24px;font-weight:700;margin-bottom:20px}.podcast-section h4{color:var(--secondary-color);font-size:18px;font-weight:600;margin:25px 0 15px}.podcast-section p{font-size:16px;margin-bottom:20px}.podcast-details ul,.podcast-section p{color:var(--secondary-color);line-height:1.6}.podcast-details ul{font-size:15px;padding-left:20px}.podcast-details li{margin-bottom:8px}.podcast-links{display:flex;flex-direction:row;gap:15px;margin:25px 0}.spotify-link{background:#1db954;border-radius:20px;box-shadow:0 2px 8px rgba(29,185,84,.3);color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px;text-decoration:none;transition:all .3s ease}.spotify-link:hover{background:#1ed760;box-shadow:0 4px 12px rgba(29,185,84,.4);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.apple-link{background:#b150e2;border-radius:20px;box-shadow:0 2px 8px rgba(177,80,226,.3);color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px;text-decoration:none;transition:all .3s ease}.apple-link:hover{background:#9a3fd1;box-shadow:0 4px 12px rgba(177,80,226,.4);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.xiaoyuzhou-link{background:#5dade2;border-radius:20px;box-shadow:0 2px 8px rgba(93,173,226,.3);color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px;text-decoration:none;transition:all .3s ease}.xiaoyuzhou-link:hover{background:#4a9bd1;box-shadow:0 4px 12px rgba(93,173,226,.4);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:600px){.podcast-links{align-items:center;flex-direction:column}.apple-link,.spotify-link,.xiaoyuzhou-link{max-width:280px;text-align:center;width:100%}}.education-experience-container{box-sizing:border-box;display:flex;flex-direction:column;gap:40px;max-width:100%;padding-bottom:30px;padding-top:30px;width:100%}.education-experience-item{background:#fafafa;border:1px solid #f4f4f5;border-radius:20px;box-sizing:border-box;max-width:100%;overflow:hidden;padding:30px;transition:all .3s ease-in-out;width:100%}.education-experience-item:hover{background:#f5f5f5;box-shadow:0 4px 15px rgba(0,0,0,.1)}.education-experience-header{align-items:flex-start;display:flex;margin-bottom:20px}.education-experience-logo{flex-shrink:0;height:60px;margin-right:20px;width:60px}.education-experience-logo img{border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);height:100%;object-fit:cover;width:100%}.education-experience-details{flex:1 1}.education-experience-institution{color:var(--primary-color);font-family:var(--secondary-font);font-size:20px;font-weight:700;margin:0 0 5px}.education-experience-degree{color:var(--secondary-color);font-size:16px;font-weight:600;margin:0 0 15px}.education-experience-meta{display:flex;flex-wrap:wrap;gap:20px}.education-experience-duration,.education-experience-gpa,.education-experience-location{align-items:center;color:var(--tertiary-color);display:flex;font-size:14px;gap:8px}.education-experience-duration svg,.education-experience-gpa svg,.education-experience-location svg{font-size:12px}.education-experience-content{margin-top:20px}.education-experience-description,.education-minor{margin-bottom:15px}.education-courses,.education-experience-description,.education-minor{color:var(--secondary-color);font-size:15px;line-height:1.6}.course-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.course-tag{background:var(--link-color);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.education-keywords{margin-top:15px}.keyword-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.keyword-tag{background:var(--link-color);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}@media (max-width:768px){.education-experience-header{align-items:center;flex-direction:column;text-align:center}.education-experience-logo{margin-bottom:15px;margin-right:0}.course-tags,.education-experience-meta,.keyword-tags{justify-content:center}}.education-logo-container{display:flex;justify-content:left;padding-top:3vh}.education-logo{border:1px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;z-index:999}.education-container{display:flex;flex-direction:column;height:100%;margin:0;max-width:100%;overflow-x:hidden;padding-bottom:50px;padding-top:120px;width:100%}.education-title{margin-bottom:5px!important}.education-subtitle{line-height:1.6!important}.education-experience-container{margin-top:5px}@media (max-width:600px){.education-container{padding-top:60px}}.not-found-logo-container{display:flex;justify-content:left;padding-top:3vh}.not-found-logo{border:1px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;z-index:999}.not-found-container{padding-top:150px}.not-found-message{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.not-found-first-area{align-items:center;display:flex;justify-content:space-between}.not-found-first-area-left-side{align-items:flex-start;display:flex;flex-direction:column}.not-found-title{width:85%!important}.not-found-subtitle{white-space:pre-line;width:85%!important}.not-found-first-area-right-side{align-items:center;display:flex}.not-found-image-container{height:370px;width:370px}.not-found-image-wrapper{border-radius:20px;height:100%;overflow:hidden;width:100%}.not-found-image-wrapper img{display:block;height:100%;object-fit:cover;width:100%}.not-found-link{background-color:var(--link-color);border-radius:50px;color:#fff;font-size:16px;margin-top:40px;padding:12px 24px;text-decoration:none;transition:all .3s ease-in-out}.not-found-link:hover{background-color:#fff;box-shadow:2px 2px 8px rgba(0,0,0,.3);color:var(--link-color)}@media (max-width:1024px){.not-found-first-area{flex-direction:column}.not-found-first-area-left-side{align-items:flex-start;display:flex;flex-direction:column;order:2;width:100%}.not-found-title{margin-top:20px;order:2;width:100%!important}.not-found-subtitle{margin-top:10px;order:3;width:100%!important}.not-found-first-area-right-side{order:1;width:100%}.not-found-image-container{margin-left:10px;order:1;padding-bottom:50px;padding-top:50px}}@media (max-width:500px){.not-found-logo-container{padding-top:60px}.not-found-link{font-size:14px;padding:12px 20px}}.loading-screen{align-items:center;background:#fff;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-content{-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out;gap:30px}.loading-content,.loading-logo{align-items:center;display:flex}.logo-animation{-webkit-animation:logoSlideIn .8s ease-out;animation:logoSlideIn .8s ease-out;border-radius:50%;height:80px;width:80px}.greeting-text,.loading-text{align-items:center;display:flex}.greeting-text{-webkit-animation:textSlideIn .8s ease-out .3s both;animation:textSlideIn .8s ease-out .3s both;color:var(--primary-color);font-family:var(--secondary-font);font-size:48px;font-weight:700;margin:0;min-height:60px;position:relative}.cursor{-webkit-animation:blink 1s infinite;animation:blink 1s infinite;margin-left:2px}@-webkit-keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.click-prompt{-webkit-animation:fadeInPrompt .5s ease-in-out;animation:fadeInPrompt .5s ease-in-out;bottom:50px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}.click-prompt.animating{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}.click-prompt p{color:var(--tertiary-color);font-size:16px;margin:0;text-align:center;transition:opacity .3s ease-in-out}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes logoSlideIn{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes logoSlideIn{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes textSlideIn{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes textSlideIn{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInPrompt{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes fadeInPrompt{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.loading-content{flex-direction:column;gap:20px;text-align:center}.greeting-text{font-size:30px}.click-prompt{width:100%}.logo-animation{height:60px;width:60px}@-webkit-keyframes logoSlideIn{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes logoSlideIn{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes textSlideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes textSlideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#383636;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#000}.page-content{background-color:#fff;position:relative}.content-wrapper{box-sizing:border-box;margin:0 auto;max-width:1000px;padding:0 20px;width:100%}.title{font-size:45px;font-weight:700}.secondary-title,.title{color:var(--primary-color);font-family:var(--secondary-font);width:70%}.secondary-title{font-size:25px;font-weight:500;line-height:1.5;padding-top:20px;white-space:pre-line}.subtitle{color:var(--secondary-color);font-size:16px;line-height:28px;margin-top:25px;padding-top:10px;width:70%}.page-footer{position:block}.copyright{color:var(--tertiary-color);font-size:14px;margin-top:20px;padding:20px 0;text-align:center}@media (max-width:1270px){.content-wrapper{max-width:90%;padding:0 5%}}@media (max-width:1024px){.content-wrapper{max-width:980px;padding:0 20px}}@media (max-width:800px){.content-wrapper{margin:0 auto;max-width:90%;padding:0 15px}.subtitle,.title{width:100%}}
/*# sourceMappingURL=main.0709964a.css.map*/