@import url(https://fonts.googleapis.com/css2?family=Mulish&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{font-family:"Roboto",sans-serif;color:unset;margin:0;padding:0;box-sizing:border-box;border:unset;outline:unset;text-decoration:unset}body{background-color:#faf9ff}.App .main-container{display:flex;justify-content:center;margin-top:24px}.App .main-container .content-container{width:1080px;padding:16px}.App .main-container .content-container .page-container{margin-top:24px}@media screen and (max-width:465px){.App .main-container .content-container{padding:0}.App .main-container .content-container .page-container{margin-top:16px}}.UpButton{position:fixed;bottom:32px;right:32px;background-color:#1f59ee;width:40px;height:40px;border-radius:4px;display:flex;justify-content:center;align-items:center;border:unset;outline:unset;cursor:pointer;transition:.2s}.UpButton .icon{color:#fff;font-size:1.2rem}.UpButton:hover{transform:scale(1.1)}@media screen and (max-width:900px){.UpButton{bottom:16px;right:16px}}.MainFooter{margin-top:64px;width:100%;padding:16px;background-color:#19181d;color:#fff;display:flex;justify-content:center;align-items:center}.MainHeader{width:100%}.MainHeader .head-cover{width:100%;height:220px;overflow:hidden;display:flex;justify-content:center;align-items:center}.MainHeader .head-cover img{width:100%;height:auto}.MainHeader .head-detail{display:flex;flex-direction:column;align-items:center;margin-top:-75px}.MainHeader .head-detail .ava{width:150px;height:150px;border-radius:50%;overflow:hidden;border:8px solid #fff}.MainHeader .head-detail .ava img{width:100%;height:auto}.MainHeader .head-detail .name{margin-bottom:4px;font-size:1.48rem}.MainHeader .head-detail .as{font-size:1.2rem;color:#767c80;font-weight:700;text-align:center}@media screen and (max-width:380px){.MainHeader .head-cover img{width:auto;height:100%}}.MainNavbar{display:flex;align-items:center;justify-content:space-between}.MainNavbar .nav-link{color:#19181d}.MainNavbar .nav-link .link{color:#19181d;padding:8px 16px;margin-right:8px;border-radius:24px;font-weight:700;transition:.2s;text-align:center}.MainNavbar .nav-link .active{background-color:#19181d;color:#fff}.MainNavbar .nav-action{display:flex}.MainNavbar .nav-action .btn{padding:8px;border-radius:24px;width:158px;display:flex;align-items:center;justify-content:center;margin-left:8px;transition:.2s ease-in}.MainNavbar .nav-action .btn:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.MainNavbar .nav-action .btn .icon{margin-right:8px;color:#1f59ee}.MainNavbar .nav-action .btn .label{color:#1f59ee}.MainNavbar .nav-action .btn-download{background-color:#1f59ee}.MainNavbar .nav-action .btn-download .icon,.MainNavbar .nav-action .btn-download .label{color:#fff}.MainNavbar .nav-action .btn-message{background-color:#22b943}.MainNavbar .nav-action .btn-message .icon,.MainNavbar .nav-action .btn-message .label{color:#fff}@media screen and (max-width:800px){.MainNavbar{flex-direction:column}.MainNavbar .nav-link{order:2}.MainNavbar .nav-action{order:1;margin-bottom:24px}}@media screen and (max-width:465px){.MainNavbar{flex-direction:column}.MainNavbar .nav-link{display:flex;flex-wrap:wrap;justify-content:center}.MainNavbar .nav-link .link{font-size:.8rem;width:120px;padding:10px 0;margin:0 12px 8px}.MainNavbar .nav-action .btn{width:120px}.MainNavbar .nav-action .btn .icon,.MainNavbar .nav-action .btn .label{font-size:.8rem}}.InfoPage{background-color:#fff;width:100%;border-radius:24px;padding:72px 36px;box-shadow:0 16px 24px rgba(48,137,182,.06),0 2px 6px rgba(48,137,182,.04),0 0 1px rgba(48,137,182,.04);color:#19181d}.InfoPage .container{display:flex;margin-bottom:44px}.InfoPage .container .info-title{flex:2 1;text-transform:uppercase;font-weight:700;font-size:1.14rem}.InfoPage .container .info-body{flex:6 1;text-align:justify;line-height:1.52rem}.InfoPage .container .info-body .skill-container{flex:1 1;padding:0 14px}.InfoPage .container .info-body .link-icon{display:flex;justify-content:center;align-items:center;width:48px;height:48px;padding:8px;overflow:hidden;border-radius:50%;font-size:1.8rem;margin-right:16px;margin-bottom:16px;background-color:#19181d;color:#fff;transition:.2s}.InfoPage .container .info-body .link-icon:hover{transform:translateY(-4px)}.InfoPage .container .body-flex{display:flex;flex-wrap:wrap}@media screen and (max-width:700px){.InfoPage .container{flex-direction:column}.InfoPage .container .info-title{margin-bottom:12px}}@media screen and (max-width:465px){.InfoPage .container .list-flex{flex-direction:column}}.MainCard{width:300px;height:300px;margin:16px;background-color:#19181d;box-shadow:0 16px 24px rgba(48,137,182,.06),0 2px 6px rgba(48,137,182,.04),0 0 1px rgba(48,137,182,.04);border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.MainCard:hover img{transform:scale(1.1)}.MainCard:hover .main-card-title{display:flex}.MainCard img{transition:.3s ease-in;width:100%;height:auto}.MainCard .main-card-title{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background-color:rgba(25,24,29,.6588235294117647);color:#fff;text-transform:uppercase}@media screen and (max-width:680px){.MainCard{margin:16px 0}}.MainModal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(31,90,238,.16470588235294117);z-index:5}.MainModal .modal-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.MainModal .modal-container .modal-content{width:80%;height:720px;background-color:#fff;border-radius:8px;display:flex;z-index:10;overflow:auto}.MainModal .modal-container .modal-content .modal-header{width:720px;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;position:relative}.MainModal .modal-container .modal-content .modal-header:hover .modal-img-link{display:flex}.MainModal .modal-container .modal-content .modal-header img{width:100%;height:auto}.MainModal .modal-container .modal-content .modal-header .modal-img-link{position:absolute;top:0;left:0;display:none;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(25,24,29,.6588235294117647);color:#fff}.MainModal .modal-container .modal-content .modal-header .modal-back{background-color:#faf9ff;color:#19181d;box-shadow:0 16px 24px rgba(48,137,182,.06),0 2px 6px rgba(48,137,182,.04),0 0 1px rgba(48,137,182,.04);position:absolute;top:24px;left:24px;display:flex;width:40px;height:40px;justify-content:center;align-items:center;font-size:1.2rem;border-radius:4px;cursor:pointer;transition:.2s}.MainModal .modal-container .modal-content .modal-header .modal-back:hover{transform:scale(1.1)}.MainModal .modal-container .modal-content .modal-detail{flex:1 1;padding:24px;display:flex;flex-direction:column;justify-content:center}.MainModal .modal-container .modal-content .modal-detail .modal-title{font-size:3rem;margin-bottom:16px;text-transform:uppercase}.MainModal .modal-container .modal-content .modal-detail .modal-description{font-size:1rem;margin-bottom:12px;line-height:1.48rem;text-align:justify}.MainModal .modal-container .modal-content .modal-detail .modal-role{font-weight:700;margin:4px 0}@media screen and (max-width:1340px){.MainModal .modal-container .modal-content{height:680px}.MainModal .modal-container .modal-content .modal-header{width:680px}}@media screen and (max-width:1230px){.MainModal .modal-container .modal-content{display:block}.MainModal .modal-container .modal-content .modal-header{width:100%;height:380px}}@media screen and (max-width:768px){.MainModal .modal-container .modal-content .modal-header .modal-img-link{display:flex}}@media screen and (max-width:435px){.MainModal .modal-container .modal-content{border-radius:0;width:100%;height:100%}.MainModal .modal-container .modal-content .modal-header{width:100%;height:280px}.MainModal .modal-container .modal-content .modal-detail{padding:24px 8px}}.MainModal .modal-offset{position:absolute;top:0;left:0;width:100%;height:100%}.MobilePage,.OtherPage{display:flex;justify-content:center;flex-wrap:wrap}.OtherPage{padding:128px 0}.OtherPage h1{color:#767c80;text-align:center}.WebPage{display:flex;justify-content:center;flex-wrap:wrap}
/*# sourceMappingURL=main.c6aad537.chunk.css.map */