@import url(https://fonts.googleapis.com/css?family=Jost);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.homeHeader{width:100%;height:75vh;position:relative;overflow:hidden}.homeHeaderContent{margin:0 auto;background-image:url(/amberyiyao/static/media/homeBack.7e666208.png);height:100%;background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.homeHeaderContent,nav{width:100%;display:flex;flex-direction:column;justify-content:space-between}nav{padding:1rem 0;z-index:2;font-size:1rem}.navOptions,nav{align-items:center}.navOptions{padding:1rem 2rem;width:100%;cursor:pointer;display:flex;justify-content:space-between;-webkit-tap-highlight-color:transparent}.socailMedia{cursor:pointer;margin-right:2rem;display:none}.navOptions a{transition:all .3s ease-out;text-decoration:none;font-weight:100;color:#000}.socailMedia i{padding-left:2rem;transition:all .3s ease-out}.navOptions a.activeNav,.navOptions a:hover,.socailMedia i:hover{font-weight:700;color:#fff;text-decoration:underline}.homeHeaderInfo{z-index:2;margin:0 2rem 40%}.homeHeaderContentDes{color:#fff;z-index:1;opacity:.8}.homeHeaderContentSelf{font-weight:900;font-size:12.2vw;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.123);z-index:1;line-height:17vw}.homeHeaderHello{display:block}.homeHeaderContentBack{background-color:#000;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.3;z-index:1}.aboutMeButton{padding:10px 2rem;font-size:1rem;background:none;color:#fff;border-radius:30px;border:1px solid #fff;cursor:pointer;transition:all .3s ease-out;outline:none;position:relative;top:2rem;text-decoration:none;-webkit-tap-highlight-color:transparent}.aboutMeButton:hover{background-color:#fff;color:#000;outline:none}.aboutMeButton:active{background-color:#e2e2e2;color:#000;outline:none}.aboutMe{padding:6rem 0 5rem;background-color:hsla(0,0%,87.5%,.219)}.aboutMeInfo{display:flex;flex-direction:column;align-items:center;line-height:2rem;letter-spacing:1px;text-align:center;margin:0 auto;max-width:1300px}.abouteMeSkillTitle,.aboutMeInfoTitle{font-weight:700;font-size:1.4rem;border-bottom:3px solid #f7c15e;margin-bottom:3rem}.aboutMeInfoDes{width:75%}.abouteMeSkillIcon{font-size:2.4rem;display:flex;flex-wrap:wrap;width:75%;margin:0 auto;justify-content:space-around;align-items:center}.abouteMeSkillTitle{margin-top:5rem}.abouteMeSkillIconItem{width:4.3rem;height:4.3rem;border:1px solid #ffc04b;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 .7rem 2rem}.abouteMeSkillIcon i{color:#ffc04b}.homeWorks{padding:6rem 0;display:flex;align-items:center;justify-content:center;flex-direction:column}.homeWorksTitle{font-weight:700;font-size:1.4rem;border-bottom:3px solid #f7c15e;margin-bottom:3rem}.homeWorksCategory{display:flex;align-items:center;justify-content:space-around;width:75%;flex-wrap:wrap;cursor:pointer;max-width:600px}.homeWorksCategoryItem{color:#a1a1a1;text-align:center;padding:3px 15px;font-size:.8rem;cursor:pointer;transition:all .3s ease-in-out}.homeWorksCategoryItem:hover{color:#000}.homeWorksCategoryItem.active{color:#fff;background-color:#f7c15e;border-radius:40px;font-weight:600}.homeWorksPicutres{width:85%;display:grid;grid-template-columns:1fr 1fr 1fr;margin:2rem auto;grid-gap:5px;max-width:1000px}.homeWorksPicutresImgItem{width:100%;height:100%;overflow:hidden;position:relative}.homeWorksInfo{opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer;background-color:rgba(0,0,0,.363);display:flex;justify-content:center;align-items:center;color:#fff;flex-direction:column;transition:all .3s ease-in-out;text-align:center;padding:0 10px}.onMouseOver .homeWorksInfo{opacity:1}.homeWorksPicutresImgItemTitle{margin-bottom:.4rem;font-size:.8rem}.fas.fa-arrow-circle-right{font-size:.95rem}.homeWorksPicutresImg{margin:0!important;width:100%;height:100%;object-fit:cover;margin:3px}.homeWorksPicutresImg.onMouseOver{-webkit-filter:blur(3px);filter:blur(3px)}.homeWorksViewMore{padding:10px 2rem;font-size:1rem;background:none;color:#f7c15e;border-radius:30px;border:1px solid #f7c15e;cursor:pointer;transition:all .3s ease-out;outline:none;margin-top:1rem;text-decoration:none}.homeWorksViewMore:hover{background-color:#f7c15e;color:#fff;outline:none}.homeWorksViewMore:active{background-color:#d6a751;color:#fff;outline:none}.contactMe{position:relative;background-image:url(/amberyiyao/static/media/homeBack.7e666208.png);background-position:top;background-size:cover;background-attachment:fixed;padding:6rem 0 5rem}.contactMe,.contactMeMain{display:flex;flex-direction:column;align-items:center;justify-content:center}.contactMeMain{width:85%;z-index:30}.contactMeTitle{font-weight:700;font-size:1.4rem;border-bottom:3px solid #ffb835;margin-bottom:3rem;color:#fff}.contactMeBack{background-color:#000;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.3;z-index:1}.contactMeForm{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:stretch}.contactMeInput,.contactMeTextarea{font-size:1rem;padding:10px 1rem;border:none;background-color:hsla(0,0%,100%,.4);margin-bottom:1.5rem;outline:none;transition:all .3s ease-in-out}.contactMeInput:focus,.contactMeTextarea:focus{background-color:hsla(0,0%,100%,.9);color:#000}.contactMeInput:focus::-webkit-input-placeholder,.contactMeTextarea:focus::-webkit-input-placeholder{color:#757575}.contactMeInput:focus:-ms-input-placeholder,.contactMeTextarea:focus:-ms-input-placeholder{color:#757575}.contactMeInput:focus::-ms-input-placeholder,.contactMeTextarea:focus::-ms-input-placeholder{color:#757575}.contactMeInput:focus::placeholder,.contactMeTextarea:focus::placeholder{color:#757575}.contactMeTextarea{height:6rem;font-size:1rem;font-family:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.contactMeInput::-webkit-input-placeholder,.contactMeTextarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.8);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-size:1rem}.contactMeInput:-ms-input-placeholder,.contactMeTextarea:-ms-input-placeholder{color:hsla(0,0%,100%,.8);-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-size:1rem}.contactMeInput::-ms-input-placeholder,.contactMeTextarea::-ms-input-placeholder{color:hsla(0,0%,100%,.8);-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-size:1rem}.contactMeInput::placeholder,.contactMeTextarea::placeholder{color:hsla(0,0%,100%,.8);transition:all .3s ease-in-out;font-size:1rem}.contactMeBtn{padding:10px 4rem;font-size:1rem;background:none;color:#fff!important;align-self:center;border-radius:30px;border:1px solid #fff;cursor:pointer;transition:all .3s ease-out;outline:none;text-decoration:none;margin-top:1rem}.contactMeBtn.loading{cursor:wait}.contactMeBtn:hover{background-color:#fff;color:#000!important;outline:none}.contactMeBtn:active{background-color:#e2e2e2;color:#000;outline:none}.homeMain{width:90%;margin:0 auto;padding:5vh 0}.Notification{position:fixed;top:2rem;width:16rem;left:calc(50% - 10rem);background-color:#fff;border-radius:5px;padding:1rem 2rem;border-bottom:5px solid #3da73d;box-shadow:0 0 20px rgba(0,0,0,.226);z-index:1000;transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in}.Notification.hide{-webkit-transform:translateY(-300%) scale(.6);transform:translateY(-300%) scale(.6)}.NotificationTitle{font-size:1.3rem;font-weight:600;color:#3da73d}.NotificationDes{color:#727272}@media (min-width:600px){.homeHeaderContentSelf{font-size:4rem;line-height:5rem}.homeHeaderInfo{margin:0 3rem 13rem}.navOptions{justify-content:flex-start;padding:1rem 3rem;width:calc(100% - 6rem)}.navOptions a{padding-right:3rem;font-size:1.2rem}.homeWorksCategoryItem{font-size:1rem;padding:5px 20px}.fas.fa-arrow-circle-right,.homeWorksPicutresImgItemTitle{font-size:1rem}}@media (min-width:1300px){.navOptions a{color:hsla(0,0%,100%,.801);padding-right:6rem}}.WorkPage{width:90%;margin:0 auto;padding:5vh 0}.workDetail{width:100%;background-color:#000;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.workDetail img,.workDetailVideo{object-fit:contain;height:63vh}.workDetailVideo{max-width:100%}.workContent{background-color:#000;padding:1rem;width:100%;color:#fff;border-top:1px solid hsla(0,0%,100%,.233)}.workTitle{font-size:1rem;font-weight:800!important}.workTime{font-size:.5rem;opacity:.5;font-weight:300;margin-left:1rem}.workDiscreption{margin-top:.3rem;font-size:.8rem}.far.fa-times-circle{position:fixed;top:.7rem;right:.7rem;color:#fff;font-size:1.3rem}@media (min-width:600px){.WorkPage .homeWorksPicutres{grid-template-columns:1fr 1fr!important}}@media (min-width:1300px){.WorkPage .homeWorksPicutres{grid-template-columns:1fr 1fr 1fr!important}}body,p{padding:0;margin:0;-webkit-tap-highlight-color:transparent;font-family:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}body{background-color:rgba(0,0,0,.034)}.App{width:100%}.shadowBox{box-shadow:0 0 20px rgba(0,0,0,.226)}.Back{height:80vh;overflow:hidden}.Back,.BackImage{width:100%;position:absolute}.BackImage{height:100%;object-fit:cover;top:0;left:0;right:0;bottom:0;z-index:-1;-webkit-filter:blur(10px);filter:blur(10px)}.copyright{width:100%;text-align:center;opacity:.2;position:relative;bottom:1rem;font-size:.7rem}
/*# sourceMappingURL=main.2576dd38.chunk.css.map */