.page_main__GlU4n{display:flex;flex-direction:column;align-items:center;min-height:100vh}@keyframes introduction_shift-from-left__9kGxO{0%{transform:translateX(-5%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes introduction_shift-from-right__633m2{0%{transform:translateX(5%);opacity:0}to{transform:translateX(0);opacity:1}}.introduction_container___3Tkd{background-color:var(--brand-color-100);width:100%;padding:1vw 4vw 6vw;display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"image text"}@media (max-width:768px){.introduction_container___3Tkd{padding:4vw 6vw 12vw;grid-template-columns:1fr;grid-template-areas:"image" "text"}}.introduction_imageContainer__Se_ME{grid-area:"image";margin-right:2vw;height:45vw;background-image:url(/_next/static/media/yingying.422ec46f.jpg);background-repeat:no-repeat;background-position:bottom 30% right 0;background-size:cover;animation:introduction_shift-from-left__9kGxO 1.2s cubic-bezier(.4,0,.2,1)}@media (max-width:1100px){.introduction_imageContainer__Se_ME{height:60vw}}@media (max-width:768px){.introduction_imageContainer__Se_ME{margin-right:0;height:60vw}}.introduction_textContainer__VonqP{position:relative;grid-area:"text";top:25%;margin:0 2vw 0 6vw;animation:introduction_shift-from-right__633m2 1.2s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.introduction_textContainer__VonqP{top:0;margin:6vw 0 0}}.introduction_header__esX6b{width:100%;padding-bottom:2vw}@media (max-width:768px){.introduction_header__esX6b{padding-bottom:6vw}}.about-me_container__J803e{width:100%;padding:8vw 20vw}@media (max-width:768px){.about-me_container__J803e{padding:8vw 10vw}}.about-me_header__3aX7M{text-align:center;color:var(--brand-color-200);margin-bottom:2rem}.about-me_content__09vda{white-space:pre-wrap;word-wrap:break-word;font-weight:300;line-height:var(--body-font-line-height);margin-top:1rem}.projects_container__NSdT5{background-color:var(--brand-color-100);width:100%;padding:8vw 15vw}@media (max-width:768px){.projects_container__NSdT5{padding:8vw 6vw}}.projects_header__t0JMt{text-align:center;color:var(--brand-color-200);margin-bottom:3rem}.projects_projectsContainer__W3QpT{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5vw}@media (max-width:1380px){.projects_projectsContainer__W3QpT{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects_projectsContainer__W3QpT{grid-template-columns:1fr;grid-gap:10vw}}.project-card_date__h7AbR time{font-size:calc((var(--card-time-font-font-size-value) - 1) * 1.2vw + 1rem);font-family:var(--card-time-font-font-family);font-style:var(--card-time-font-font-style);font-weight:var(--card-time-font-font-weight);line-height:var(--card-time-font-line-height);letter-spacing:var(--card-time-font-letter-spacing);text-transform:var(--card-time-font-text-transform);opacity:.7}@media (max-width:768px){.project-card_date__h7AbR time{font-size:calc((var(--card-time-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem)}}.project-card_title__kX_DY{color:var(--brand-color-200);font-size:calc((var(--card-title-font-font-size-value) - 1) * 1.2vw + 1rem);font-family:var(--card-title-font-font-family);font-style:var(--card-title-font-font-style);font-weight:var(--card-title-font-font-weight);line-height:var(--card-title-font-line-height);letter-spacing:var(--card-title-font-letter-spacing);text-transform:var(--card-title-font-text-transform);margin-top:.5vw}@media (max-width:768px){.project-card_title__kX_DY{font-size:calc((var(--card-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem)}}.project-card_description__hPHmx{font-size:calc((var(--card-description-font-font-size-value) - 1) * 1.2vw + 1rem);font-family:var(--card-description-font-font-family);font-style:var(--card-description-font-font-style);font-weight:var(--card-description-font-font-weight);line-height:var(--body-font-line-height);letter-spacing:var(--card-description-font-letter-spacing);text-transform:var(--card-description-font-text-transform);white-space:pre-wrap;margin:.5rem 0}@media (max-width:768px){.project-card_description__hPHmx{font-size:calc((var(--card-description-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem)}}.project-card_more__erJ5P>a{display:flex;flex-direction:row;align-items:center}.project-card_more__erJ5P>a>div{margin-right:.2vw}