*{box-sizing:border-box;margin:0;padding:0}html{font-family:"Open Sans",sans-serif}body{font-size:12px;color:#000}@media(min-width:640px){body{font-size:15px}}a:active,a:hover,a:link,a:visited{text-decoration:none;color:#000}.flex{display:flex}.flex-ac{align-items:center}.flex-sb{justify-content:space-between}.flex-sa{justify-content:space-around}.flex-c{justify-content:center}.flex-dc{flex-direction:column}.h2{margin:0;padding:0;font-weight:400}.hide{visibility:hidden}@keyframes move-down{0%{visibility:hidden;top:-15px}1%{visibility:visible;top:-15px}to{visibility:visible;top:0}}@keyframes move-up{0%{visibility:visible;top:0}95%{visibility:visible;opacity:1%;top:-20px}to{visibility:hidden;opacity:0;top:-20px}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.move-down{animation:move-down .5s}.move-up{animation:move-up .5s}.nav{width:85%;height:8%;font-family:"Open Sans",sans-serif;font-size:15px;position:relative;margin:auto;z-index:999}.nav__left{font-family:"Ma Shan Zheng",cursive;font-size:15px}@media(min-width:640px){.nav__left{font-size:20px}}.nav__element a{position:relative}.nav__element__highlight,.nav__element a:after{content:"";position:absolute;bottom:-7px;left:0;width:100%;height:2px;background:#5c32bd;transition:all .3s}.nav__element a:after{opacity:0}.nav__element a:hover:after{opacity:1}@media(min-width:640px){.nav__element{padding-right:50px}}@media(max-width:639px){.nav__webNav{display:none}}.nav__mobileNav__links{position:absolute;top:30px;right:0;width:100%}.nav__mobileNav .nav__element{margin-bottom:10px}@media(min-width:640px){.nav__mobileNav{display:none}}.home{flex-direction:column;margin-top:15%;position:relative}@media(min-width:640px){.home{flex-direction:row;margin-top:175px}}@media(min-width:640px){.home__left{padding-left:240px}}.home__left__profile{width:140px;height:140px;border-radius:50%;object-fit:cover;box-shadow:0 6px 24px rgba(0,0,0,.25)}@media(min-width:640px){.home__left__profile{width:250px;height:250px;margin-bottom:15px;box-shadow:none;box-shadow:0 6px 24px rgba(0,0,0,.25)}}.home__left__location,.home__left__mail{font-size:12px}@media(max-width:639px){.home__left__location,.home__left__mail{position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}}.home__left__location svg,.home__left__mail svg{width:18px;height:18px;margin-right:20px;margin-left:30px}@media(max-width:639px){.home__left__location svg,.home__left__mail svg{width:12px;height:12px;margin-right:10px;margin-left:0}}.home__left__mail{margin-bottom:5px}@media(max-width:639px){.home__left__location{position:absolute;bottom:-70px}}@media(min-width:640px){.home__separator{height:460px;border:.5px solid #000;margin-left:60px;margin-right:70px}}.home__right{margin-top:20px}@media(min-width:640px){.home__right{margin-top:0}}.home__right__intro{font-family:"Cormorant Garamond",serif;font-size:25px;text-align:center}@media(min-width:640px){.home__right__intro{font-size:50px;text-align:left}}.home__right__icons{margin-top:10px;max-width:-webkit-max-content;max-width:max-content}@media(max-width:639px){.home__right__icons{margin-right:auto;margin-left:auto}}.home__right__icons a{margin-right:13px}.home__right__icons a>svg{width:15px;height:15px;color:rgba(0,0,0,.7215686275)}@media(min-width:640px){.home__right__icons a>svg{width:20px;height:20px}}.home__right__about{font-size:12px;max-width:90%;margin:15px auto auto;text-align:center}@media(min-width:640px){.home__right__about{font-size:15px;max-width:600px;margin-top:20px;text-align:left}}.home__facebook svg:hover path{color:#3b5998}.home__github svg:hover path{color:#5c32bd}.home__twitter svg:hover{color:#1da1f2}.home__linkedin svg:hover{color:#0077b5}.about{display:flex;flex-direction:column;align-items:center;margin-top:8%}@media(min-width:640px){.about{flex-direction:row;align-items:unset;justify-content:center;margin-top:110px}}.about__img{width:150px;height:150px;overflow:hidden}@media(min-width:640px){.about__img{width:410px;height:595px;margin-right:80px}}.about__img img{width:100%;max-height:100%;border-radius:50%;object-fit:cover}@media(min-width:640px){.about__img img{border-radius:0}}.about__description{margin:20px;text-align:justify}@media(min-width:640px){.about__description{margin:62px 0 0}}.about__description__heading{padding:0 0 15px;font-family:"Cormorant",serif;font-size:30px;font-weight:400}@media(min-width:640px){.about__description__heading{font-size:50px;padding-bottom:20px}}.about__description__p{font-size:12px}@media(min-width:640px){.about__description__p{max-width:430px;font-size:16px}}.projectCard{width:100%;height:185px;padding:15px 24px;margin:0 10px 20px;box-shadow:2px 2px 10px rgba(0,0,0,.25);border-radius:20px;background-color:#fff;transform:scale(1);transition:all .3s}@media(min-width:640px){.projectCard{width:440px;height:260px;padding:25px 32px;margin:0 25px 40px}}.projectCard__title{font-size:18px;margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media(min-width:640px){.projectCard__title{font-size:25px;max-height:64px;margin-bottom:15px}}.projectCard__desc{overflow:hidden;height:48px;font-size:12px;line-height:16px;margin-bottom:10px}@media(min-width:640px){.projectCard__desc{height:60px;font-size:14px;margin-bottom:15px;line-height:20px}}.projectCard__lang{margin-bottom:12px;height:20px}.projectCard__lang>svg{height:20px;margin-right:5px}@media(min-width:640px){.projectCard__lang{margin-bottom:15px;height:24px}.projectCard__lang>svg{margin-right:8px}}.projectCard__btn button{width:92px;height:26px;font-size:12px;font-weight:500;border-radius:20px;margin-right:12px;color:#5c32bd;background-color:#fff;border:2px solid #5c32bd;transition:all .2s}@media(min-width:640px){.projectCard__btn button{width:127px;height:37px;margin-right:15px;border-radius:32px;font-size:14px}}.projectCard__btn button svg{margin-right:5px;width:12px;height:12px}@media(min-width:640px){.projectCard__btn button svg{width:16px;height:16px}}.projectCard__btn button:enabled:hover{color:#fff;background-color:#5c32bd;opacity:.8;cursor:pointer}.projectCard__btn button:disabled{cursor:default;background-color:#fff;color:#a8a8a8;border:2px solid #a8a8a8}.projects{width:90%;flex-wrap:wrap;margin:10px auto auto}@media(min-width:640px){.projects{width:90%;margin-top:60px}}.projects__spinner{width:50px;height:50px;position:absolute;top:50%;left:50%;color:#5c32bd;opacity:.8;animation:spin 2s linear infinite}
/*# sourceMappingURL=main.89304cb6.chunk.css.map */