a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:iconfont;src:url(/static/media/iconfont.b9fa51a2ed2577c01ada.woff2) format("woff2")}.iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--icon-color);font-family:iconfont!important;font-size:16px;font-style:normal}.icon-menu-fill:before{content:""}.icon-menu-outline:before{content:""}.icon-database-fill:before{content:""}.icon-code-fill:before{content:""}.icon-bag-fill:before{content:""}.icon-database-outline:before{content:""}.icon-code-outline:before{content:""}.icon-smile-reverse-outline:before{content:""}.icon-smile-reverse-fill:before{content:""}.icon-smile-fill:before{content:""}.icon-triangle-fill:before{content:""}.icon-triangle-outline:before{content:""}.icon-smile-outline:before{content:""}.icon-bag-outline:before{content:""}.icon-linkedin-fill:before{content:""}.icon-email-fill:before{content:""}.icon-email-outline:before{content:""}.icon-github-outline:before{content:""}.icon-github-fill:before{content:""}.icon-wechat-fill:before{content:""}.icon-wechat-outline:before{content:""}.icon-linkedin-outline:before{content:""}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e7e7e7;background-color:var(--bkg-color);background-image:url(/static/media/egg-shell.a1ddc5f5295429dcc5a7.png);background-image:var(--bkg-img);color:#00000073;color:var(--secondary-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;position:relative;transition:background-color .28s ease-in-out}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:-moz-selection{background:#000000a6;background:var(--primary-text-color);color:#e7e7e7;color:var(--bkg-color)}::selection{background:#000000a6;background:var(--primary-text-color);color:#e7e7e7;color:var(--bkg-color)}a,a:active,a:hover,a:link,a:visited{color:inherit}.App main{overflow:hidden;padding:0 68px}.App .section{margin:auto;max-width:1280px;min-height:max(75vh,796px);overflow:hidden;padding-top:120px}.App .section .title{color:var(--title-color);font-size:var(--secondary-text-size);margin-bottom:18px;text-align:center}.App .section .desc{color:var(--secondary-text-color);font-size:var(--quaternary-text-size);margin-bottom:60px;text-align:center}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@keyframes slideTop{0%{transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideBottom{0%{transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:767px){.App main{padding:0 36px}.App .section{box-sizing:border-box;min-height:max(80vh,600px)}.App .section .desc{margin-bottom:36px}.App .section.space{padding:calc(var(--header-height) + 10vh) 0}}.htmlScreen img{touch-action:none}header{background-color:#e7e7e7;background-color:var(--bkg-color);background-image:url(/static/media/egg-shell.a1ddc5f5295429dcc5a7.png);background-image:var(--bkg-img);box-shadow:none;left:0;position:fixed;top:0;transition:box-shadow .28s ease;width:100vw;z-index:99}header.scroll{box-shadow:0 -2px 10px #00000026;box-shadow:0 -2px 10px var(--shadow-color)}.header .title{display:none}.header .logo{animation:slideRight 1s ease forwards;opacity:0;width:40px}.header .content{align-items:center;display:flex;height:68px;height:var(--header-height);justify-content:space-between;margin:auto;max-width:1280px;padding:0 108px}.header .content .iconfont{display:none;font-size:18px;margin-left:16px}.header .content .nav{align-items:center;display:flex}.header .content .mode{color:#000;cursor:pointer;font-size:24px;font-size:var(--tertiary-text-size)}.header .content nav{display:flex;margin-right:84px}.header .content .menu{animation:slideTop 1s ease forwards;animation-delay:calc(.2s*var(--i));cursor:pointer;font-size:24px;font-size:var(--tertiary-text-size);margin-right:62px;opacity:0;overflow:hidden;position:relative}.header .content .menu a{color:#00000073;color:var(--secondary-text-color);display:inline-block;padding:8px 16px;position:relative;text-decoration:none;transition:color .08s ease-in-out}.header .content .menu a.active{color:#000000d9;color:var(--title-color)}.header .content .menu svg{position:absolute}.header .content .menu:last-child{margin-right:0}.header .content .menu .line{stroke:#000000a6;stroke:var(--primary-text-color);stroke-width:2px;fill:#0000;stroke-dasharray:0 400;height:100%;left:0;position:absolute;top:0;transition:.8s;width:100%}.header .content .menu:hover .line{stroke-dasharray:400 0}@media screen and (max-width:767px){.header .title{display:block;flex:1 1;padding-left:16px;text-transform:capitalize}.header .logo{width:28px}.header .content{margin:auto;padding:0;width:90%}.header .content .iconfont{display:block}.header .content nav{background-color:#e7e7e7;background-color:var(--bkg-color);box-shadow:0 2px 10px -4px #00000026;box-shadow:0 2px 10px -4px var(--shadow-color);display:flex;flex-direction:column;margin:0;max-height:0;overflow:hidden;padding:0;position:fixed;right:0;top:48px;transition:all .28s ease-in-out}.header .content nav.visible{max-height:calc(100vh - 68px);max-height:calc(100vh - var(--header-height));padding:6px 0}.header .content .menu{animation:none;margin:6px 0;opacity:1;position:relative}.header .content .menu:after{background-color:#00000026;background-color:var(--shadow-color);bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.header .content .menu:last-child:after{content:none}.header .content .menu svg{display:none}}.experience{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:160px;width:100%}.experience:nth-child(2n){flex-direction:row-reverse}.experience img{height:320px;object-fit:contain;width:320px}.experience p{color:var(--title-color);font-size:var(--quaternary-text-size)}.experience .company{font-size:var(--secondary-text-size);margin-bottom:32px}.experience .role{color:var(--title-color);margin-left:16px}.experience .role,.experience ul{font-size:var(--quinary-text-size)}.experience ul{color:var(--primary-text-color);margin-bottom:20px}.experience ul:last-child{margin-bottom:0}.experience li{margin:8px 0;text-align:left}.experience li:before{content:"• "}@media screen and (max-width:767px){.experience{align-items:start;flex-direction:column-reverse;margin-bottom:80px}.experience>div{padding-left:10vw}.experience .role{display:block;margin:12px 0}.experience img{height:80vw;object-fit:contain;width:100%}.experiences section:last-child img{margin-bottom:60px}}.footer{color:var(--tertiary-text-color);font-size:var(--quinary-text-size);text-align:center}.footer,.footer p{padding:24px}:root{--title-color:#000000d9;--shadow-color:#00000026;--bkg-color:#e7e7e7;--bkg-img:url(/static/media/egg-shell.a1ddc5f5295429dcc5a7.png);--icon-color:var(--primary-text-color);--icon-hover-color:var(--title-color);--primary-text-color:#000000a6;--secondary-text-color:#00000073;--tiitle-size:64px;--primary-text-size:36px;--secondary-text-size:32px;--tertiary-text-size:24px;--quaternary-text-size:20px;--quinary-text-size:16px;--header-height:68px}:root[data-theme=dark]{--title-color:#fff;--primary-text-color:#ffffffd9;--secondary-text-color:#ffffffa6;--shadow-color:#ffffff40;--bkg-color:#121212;--bkg-img:url(/static/media/low-contrast-linen.502bf691a8740513d022.png)}@media screen and (max-width:767px){:root{--tiitle-size:32px;--primary-text-size:26px;--secondary-text-size:22px;--tertiary-text-size:16px;--quaternary-text-size:14px;--quinary-text-size:12px;--header-height:48px}}.skill .position{margin-top:80px}.skill .position span{color:#00000073;color:var(--secondary-text-color);font-size:24px;font-size:var(--tertiary-text-size);padding:0 20px;transition:all .28s ease-in-out}.skill .position span.active{color:#000000d9;color:var(--title-color);font-weight:600}.skill .panel{color:#000000a6;color:var(--primary-text-color);display:flex;flex-direction:row;justify-content:space-evenly;margin-top:140px;text-align:center;width:100%}.skill .panel .item{display:flex;flex-direction:column}.skill .panel li{margin:16px 0;text-align:left}.skill .panel li:before{content:"• "}.skill .panel_wrapper{display:flex;flex-wrap:nowrap;font-size:16px;font-size:var(--quinary-text-size);height:200px;width:200%}.skill .panel_wrapper i{font-size:36px}.skill .panel_wrapper p{font-size:20px;font-size:var(--quaternary-text-size);font-weight:600;margin:16px 0}@media screen and (max-width:767px){.skill .panel{justify-content:space-around;margin-top:5vh}.skill .position{margin-top:0}.skill .panel_wrapper i{font-size:28px}}.home{align-items:center;display:flex;flex-direction:row;height:30vw;min-height:832px;position:relative}.home a{text-decoration:none}.home .content{padding-left:20%;z-index:1}.home .content .title{animation:slideBottom 1s ease forwards;color:var(--title-color);font-size:var(--tiitle-size);opacity:0}.home .content .sub_title{animation:slideRight 1s ease forwards;animation-delay:.2s;color:var(--tertiary-text-color);font-size:var(--tertiary-text-size);margin:28px 0 38px;opacity:0}.home .content .sub_title p:first-child{margin-bottom:4px}.home .portrait{bottom:0;left:600px;position:absolute;right:0;top:0;z-index:0}.home .portrait img{-webkit-user-drag:none}.home .socials i{font-size:32px}.home .socials a{animation:slideTop 1s ease forwards;animation-delay:calc(.1s*var(--i));display:inline-block;margin-right:12px;opacity:0}.home .hello{animation:handShakeLong 10s linear infinite;display:inline-block}.home .hello:hover{animation:handShakeShort 2s linear infinite}@keyframes handShakeLong{0%{transform:rotate(0deg)}40%{transform:rotate(0deg)}50%{transform:rotate(-9deg)}60%{transform:rotate(9deg)}70%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}to{transform:rotate(0deg)}}@keyframes handShakeShort{0%{transform:rotate(0deg)}60%{transform:rotate(0deg)}65%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}80%{transform:rotate(-4deg)}85%{transform:rotate(4deg)}to{transform:rotate(0deg)}}@media screen and (max-width:767px){.home{flex-direction:column}.home .content{margin-top:28vh;padding:0}.home .socials{display:flex;margin-bottom:38px}.home .socials i{font-size:28px}.home .portrait{bottom:0;left:0;right:0;top:320px}}.intro{color:var(--secondary-text-color);font-size:var(--tertiary-text-size);line-height:1.5;text-align:center}.intro .highlight{color:var(--primary-text-color);font-weight:600}.intro .break{margin-top:100px}
/*# sourceMappingURL=main.696713f9.css.map*/