/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box}html,body{width:100%;scroll-behavior:smooth;background-color:#191923;color:#fbfef9}body{overflow-x:hidden}a{text-decoration:none;color:#b7baf7}a:hover{color:#989cf0;text-decoration:none}input:focus{outline:none}body,html{font-size:16px;line-height:1.5;letter-spacing:1px;font-family:'Nunito Sans', sans-serif}.title h1,.title h2{display:inline-block;font-weight:900;font-style:italic;margin:0;white-space:nowrap;overflow:hidden;width:100%}.title h1{font-size:7rem;line-height:6rem}.title h2{font-size:6rem;line-height:6.2rem}.title.text-stroke{z-index:3}.title.text-stroke h1,.title .text-stroke{color:transparent;-webkit-text-stroke:0.2rem #fbfef9}@media (Max-width: 480px){.title h1{font-size:4.5rem;line-height:4rem}.title h2{font-size:4rem;line-height:4rem}}body{display:flex;justify-content:center}#about,#experience,#project,#contact{overflow:hidden;max-width:1440px;margin:0 auto}main{width:100vw}header{position:fixed;top:0;right:0;width:100%;background-color:transparent;z-index:10}header .logo{position:absolute;width:50px;height:50px;top:1.5rem;left:1.5rem;border:2px solid #b7baf7;border-radius:100px;padding:10px;display:flex}header .logo img{width:100%}header .menu{position:absolute;top:0;right:0;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, 1fr);padding:1rem 0}header a{width:130px;text-align:right;margin:0 1.5rem;color:#fbfef9;font-size:0.8rem}header a:last-child{grid-column:-1 / 2}header a:hover h4.chinese{display:block}header a:hover h4.english{display:none}header h4{margin:0.5rem}header h4.chinese{display:none}header .github{position:fixed;right:0;bottom:0;margin:1rem 1.5rem}header .github img{width:22px}#home{overflow:hidden;height:150vh;width:100vw}#home .webCase{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;flex-direction:column}#home .webCase .header,#home .webCase .body{transition:background 0.5s;width:90%;max-width:1080px;box-shadow:0 0 15px rgba(25,25,35,0.4);background-color:rgba(251,254,249,0.2)}#home .webCase .header{position:relative;border-radius:0.5rem 0.5rem 0.2rem 0.2rem;height:8vh}#home .webCase .header .buttons{position:absolute;top:50%;transform:translate(0, -50%);left:5%;display:flex}#home .webCase .header .buttons .button{margin-right:15px;width:1.25rem;height:1.25rem;border-radius:20px;box-shadow:0 0 8px rgba(25,25,35,0.5)}#home .webCase .header .buttons .button:nth-child(1){background-color:#fe5f59}#home .webCase .header .buttons .button:nth-child(2){background-color:#fbbf2c}#home .webCase .header .buttons .button:nth-child(3){background-color:#28ce3c}#home .webCase .body{margin-top:2%;height:80vh;display:flex;justify-content:center;z-index:9;position:relative;border-radius:0.2rem 0.2rem 0.5rem 0.5rem}#home .webCase .body .button{padding:5px;display:none;color:#fbfef9}#home .webCase .searchBar{position:relative;width:100%;transition:0.5s;font-family:"Baloo Tamma 2", cursive;font-weight:normal}#home .webCase .searchBar .mainTitle{position:absolute;bottom:40%;left:10%;font-size:9rem;height:7rem;margin:0;display:inline-block;width:720px;color:#fed766;border-right:3px solid #fed766;letter-spacing:1.5rem;white-space:nowrap;overflow:hidden;line-height:9rem;-webkit-animation:typing 2.8s steps(7) infinite,caret 0.4s steps(1) infinite;animation:typing 2.8s steps(7) infinite,caret 0.4s steps(1) infinite}#home .webCase .searchBar .subTitle{position:absolute;left:11%;bottom:20%}#home .webCase .searchBar .subTitle h4{margin:5px 0;font-size:1.2rem}#home.large>div{transition:transform 0.5s;transform:scale(5)}#home.large>div .webCase .header,#home.large>div .webCase .body{background-color:#191923}#home.large>div .searchBar{opacity:0}@-webkit-keyframes typing{from{width:0}}@keyframes typing{from{width:0}}@-webkit-keyframes caret{50%{border-color:transparent}}@keyframes caret{50%{border-color:transparent}}#about{height:100vh;background-color:#191923;color:#fbfef9;padding:100px 0;display:flex;align-items:flex-end;position:relative}#about .title{position:absolute;top:0}#about .scroll-right{position:relative;right:55vw}#about img{width:40%;z-index:2}#about .info{width:300px;margin-top:80px;margin-left:30px}#about .info h4,#about .info p{margin:0.5rem 0}#experience{height:300vw;max-height:6000px;background-color:#191923;color:#fbfef9;transition:opacity 0.1s}#experience.sticky{top:0px;position:sticky}#experience .title{margin-top:50px}#experience .timeLine{width:150vw;max-width:3000px;position:relative;bottom:-120px}#experience .timeLine #line{width:0;border-top:2px solid #fbfef9;transition:width 1.5s}#experience .timeLine #line.extend{width:150vw;max-width:3000px}#experience .timeLine .works{position:absolute;top:0;left:0;display:flex}#experience .timeLine .works>div{width:50vw;max-width:1000px;position:relative;padding-left:3%;padding-top:2rem}#experience .timeLine .works>div::before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;background-color:#fbfef9;border-radius:10px;transform:translate(-50%, -50%)}#experience .timeLine .works>.largeDot::before{width:15px;height:15px}#experience .timeLine .works h4{position:absolute;top:-60px;left:0;transform:translateX(-50%)}#experience .title.fixed{position:fixed}#project{position:relative;background-color:#191923;padding:50px 0}#project .title{transition:1s;opacity:0;width:100%;text-align:right;color:#fbfef9}#project .title h2{line-height:6.3rem}#project .title h2.text-stroke{-webkit-text-stroke:3px #fbfef9}#project .title.fade-in{opacity:1}#project .projects{display:flex;flex-direction:column;padding:25px 5% 25px}#project .projects>div.show{opacity:1;top:0}#project .projects>div{position:relative;top:100px;opacity:0;transition:0.5s;display:flex;align-items:center;margin:80px 0;padding:50px 5%;border-radius:10px}#project .projects video{width:100%;border-radius:10px;box-shadow:0 0 15px rgba(25,25,35,0.4)}#project .projects .media{position:relative;width:80%;transition:0.5s}#project .projects .media.large{width:100%;z-index:9}#project .projects>div:nth-child(even){display:flex;justify-content:flex-end}#project .projects>div:nth-child(even) .info{left:100px}#project .projects>div:nth-child(odd) .info{right:100px}#project .projects .info{position:absolute;bottom:0;width:25vw;height:25vw;max-width:280px;max-height:280px;border-radius:100%;display:flex;text-align:center;justify-content:center;flex-direction:column;box-shadow:0 0 15px rgba(25,25,35,0.4)}#project .projects .info .container{padding:1.5rem}#project .projects img{width:2.5rem;max-width:36px;margin-bottom:-15px}#project .projects h3,#project .projects p{position:relative;z-index:8;color:#fbfef9}#contact{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#191923;position:relative;height:100vh;text-align:center}#contact .title{margin:-3rem 0 0;color:#fbfef9;font-size:6rem}#contact p{color:#fbfef9;margin:0}#contact .email{margin-bottom:1rem;margin-top:-1rem}#contact .charactor{max-width:500px;width:80%}#contact .plane{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9;max-width:130px;width:8rem;-webkit-animation:paperPlane 2.5s linear 0s infinite normal;animation:paperPlane 2.5s linear 0s infinite normal}@-webkit-keyframes paperPlane{0%{transform:translate(-40px, 20px)}30%{transform:rotate3d(1, 1, 1, 20deg)}100%{transform:translate(80px, -100px)}}@keyframes paperPlane{0%{transform:translate(-40px, 20px)}30%{transform:rotate3d(1, 1, 1, 20deg)}100%{transform:translate(80px, -100px)}}@media (Max-width: 1024px){#home .webCase .searchBar .mainTitle{top:35%;left:50%;transform:translate(-50%, 0%)}#home .webCase .searchBar .subTitle{bottom:30%;left:50%;transform:translate(-50%, 0%);text-align:center}#about{flex-direction:column}#about .title{top:40px}#about .title h1:nth-child(1){position:relative;left:700px}#about .scroll-right{right:0}#about img{width:80%}#about .info{width:75%;margin:20px 5%}#about .info h4{border-left:3px solid #b7baf7;padding-left:3%}#experience .timeLine{bottom:-10%;transform:translateX(90vw);max-width:none;max-width:initial}#project{padding:0}#project .projects>div{margin:0;flex-direction:column;align-items:flex-start}#project .projects>div .media{width:100%}#project .projects .info{position:relative;background:none;height:auto;height:initial;box-shadow:none;right:0;text-align:left;margin-top:10px;width:100%;opacity:0;transition:0.5s}#project .projects img{display:none}#project .projects>div:nth-child(odd) .info{right:0;left:30px}#project .projects>div:nth-child(even) .info{left:-30px;text-align:right;align-self:flex-end}#project .projects .info.show{opacity:1}#project .projects>div:nth-child(odd) .info.show{left:10px}#project .projects>div:nth-child(even) .info.show{left:-10px}}@media (Max-width: 480px){body,html{font-size:12.8px}header .logo{position:fixed;width:25px;height:25px;top:auto;top:initial;bottom:1.2rem;padding:4px}#home .webCase .header{display:none}#home .webCase .body{border-radius:.5rem}#home .webCase .body .button{position:absolute;top:0;right:0;display:block}#home .webCase .searchBar .mainTitle{top:40%;transform:translate(-50%, 0);font-size:4.5rem;line-height:4.5rem;width:275px;height:3.5rem;letter-spacing:.5rem}#home .webCase .searchBar .subTitle{bottom:20px;left:8%;transform:translate(0, 0);text-align:left}#experience{height:470vh}#experience .timeLine{transform:translate(-80px, -300px);display:flex;justify-content:center;align-items:center}#experience .timeLine #line{width:80vw;height:0px;border-top:none;border-left:2px solid #fbfef9;transition:height 1s}#experience .timeLine #line.extend{height:670px;width:80vw}#experience .timeLine .works{flex-direction:column;align-items:center;width:100%;opacity:0;top:10px;transition:.5s}#experience .timeLine .works>div{width:80vw;height:250px}#experience .timeLine .works>.large{height:420px}#experience .timeLine .works h4{top:-15px;left:40px}#experience .timeLine .works .largeDot{display:none}#experience .timeLine .works.show{opacity:1;top:0}#contact .title{font-size:4rem}#contact .email{margin-top:0}#project .title h2{line-height:4.3rem}}@media (min-width: 1025px){#project #jailulu .info{background-color:#91c4be}#project #piano .info{background-color:#595859}#project #pomodoro .info{background-color:#f28249}}


/*# sourceMappingURL=style.f7c0c2fe7a5f0c3e69b0.css.map*/