html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121314;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{background-color:#242526;border-bottom:1px solid #38393a;box-sizing:border-box;height:100px;padding:0 20px;position:relative;top:0;width:100%;z-index:9999}header .inner{height:100%;margin:0 auto;max-width:100%;position:relative}header .header-logo{float:left;font-family:Source Code Pro,sans-serif;font-size:50px;margin-left:50px;padding:25px 0}header .header-logo span{color:#888}header .header-logo a{color:#fff;text-decoration:none}header .icon{color:#c1c2c3;display:none;font-size:32px;text-decoration:none}header .nav-menu{align-items:center;display:flex;float:right;height:100%;justify-content:center;margin-right:50px;transition:.2s ease-out}header .nav-menu li a{box-sizing:border-box;color:#fff;font-size:20px;padding:20px;text-decoration-line:none}header .icon:hover,header .nav-menu li a:hover{border-bottom:3px solid #c1c2c3;transition:.1s ease-out}@media screen and (max-width:1380px){header{height:80px}header .header-logo{font-size:32px;margin-left:20px;padding:24px 0}header .nav-menu{display:flex;margin-right:10px}header .nav-menu li a{font-size:16px;padding:20px 10px}}@media screen and (max-width:980px){header{height:60px}header .header-logo{font-size:20px;padding:20px 0}header .nav-menu{display:flex}header .nav-menu li a{font-size:12px}}@media screen and (max-width:768px){header{height:80px;padding:0}header .header-logo{font-size:32px;margin-left:20px;padding:24px 0}header .nav-menu li{display:none;float:none;margin-bottom:30px;text-align:center;width:100%}header .icon{display:block;float:right;margin-right:20px}header .icon a{padding:24px 0}header .nav-menu li a{font-size:22px}header .menu-icon{display:block}header .icon:hover,header .nav-menu li a:hover{border-bottom:none}header .nav-menu.responsive{background-color:#242526;display:block;float:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:0!important}header .nav-menu.responsive li{clear:both;display:block}header .nav-menu.responsive li:last-child{padding-bottom:20px}}@media screen and (max-width:300px){header{height:60px;padding:0}header .header-logo{font-size:30px;margin-left:10px;padding:15px 0}header .icon{align-self:center;font-size:30px;margin-right:10px}header .icon a{padding:17px 0}}.section--hello{align-items:center;box-sizing:border-box;display:flex;height:90vh;justify-content:center;margin-bottom:0;margin-top:50px;padding:5vh 20px;position:relative;text-align:center}.section--hello .inner{margin:0 auto;max-width:1600px}.section--hello .wrapper{color:#f1f2f3}.section--hello .text-title{font-size:90px;font-weight:500;letter-spacing:1px;word-spacing:2px}.section--hello .text-title .hello-emoji{animation:hello 1.8s linear infinite;display:inline-block;transform-origin:80% 80%}.section--hello .role{color:#f1f2f3;font-size:35px;margin-top:35px}.section--hello .text-subtitle{color:#c1c2c3;font-size:25px;font-weight:300;line-height:1.5;margin-top:50px}.section--hello .social-links,.section--hello .wrapper-links{margin-top:50px}.section--hello .wrapper-links>*{border:2px solid #c1c2c3;border-radius:16px;color:#c1c2c3;display:inline-block;font-size:22px;margin-right:20px;padding:20px 30px;text-align:center;text-decoration:none;transition:.3s ease-out}.section--hello .wrapper-links>:hover{background-color:#fff;border-color:#fff;color:#1f1f1f}#resume{margin-right:0}.section--hello .profile-img{flex:15% 1;text-align:center}.section--hello .profile-img img{border:5px solid #212223;border-radius:100%;box-shadow:0 5px 12px 5px #0000004d;height:auto;max-width:250px}.section--hello .profile-img img:hover{box-shadow:0 4px 8px #26262633;transition:.2s ease-out}@keyframes hello{0%{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@media screen and (max-width:1380px){.section--hello{margin-top:80px}.section--hello .wrapper{min-width:480px}.section--hello .text-title{font-size:55px}.section--hello .role{font-size:25px}.section--hello .text-subtitle{font-size:20px;margin-top:30px}.section--hello .wrapper-links>*{font-size:20px}}@media screen and (max-width:980px){.section--hello{margin-top:60px}}@media screen and (max-width:768px){.section--hello{margin-top:80px;padding:5vh 20px}.section--hello .inner{display:block}.section--hello .wrapper{min-width:auto}.section--hello .text-title{font-size:36px}.section--hello .role{margin-top:30px}.section--hello .social-links{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section--hello .wrapper-links>*{background-color:#242526;display:block;font-size:18px;max-width:70%;padding:20px 0}#about{margin:0 auto}#resume{margin:10px auto 0}}.social-media-links{font-size:22px;margin-top:30px}.social-media-links .icon-button i{border-radius:50%;box-sizing:border-box;color:#fff;display:inline-block;margin:5px;padding:10px;transition:.3s ease-out}.github i,.linkedin i{background-color:#0073b1}.email i{background-color:#ea4335}.facebook i{background-color:green}.twitter i{background-color:#2aa9e0}.instagram i{background-color:#a056a1}.medium i{background-color:#000}.stackoverflow i{background-color:#f48024}.icon-button>i:hover{background-color:#000}.section--skill{margin-top:50px;padding:110px 20px 0;position:relative}.section--skill .inner{display:flex;margin:0 auto;max-width:1600px}.section--skill .wrapper{flex:60% 1;margin-left:10px}.section--skill .skill-title{color:#f1f2f3;font-size:60px;font-weight:400}.section--skill .skill-subtitle{color:#c1c2c3;font-size:25px;font-weight:300;margin-top:50px}.section--skill .skill-cards{grid-row-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,20%);margin-top:50px;row-gap:20px}.section--skill .skill-desc{color:#c1c2c3;font-size:22px;margin-top:50px}.section--skill .skill-desc p{font-weight:300;margin-top:30px}.section--skill .skill-image{align-self:center;color:#f1f1f1;flex:40% 1;font-size:300px;text-align:center}@media screen and (max-width:1380px){.section--skill{padding:90px 20px 0}.section--skill .skill-title{font-size:45px}.section--skill .skill-desc,.section--skill .skill-subtitle{font-size:20px}.section--skill .skill-cards{grid-template-columns:repeat(auto-fit,25%)}.section--skill .skill-image{font-size:200px}}@media screen and (max-width:980px){.section--skill .skill-cards{grid-template-columns:repeat(auto-fit,32%)}}@media screen and (max-width:768px){.section--skill .inner{display:block}.section--skill .skill-title{font-size:32px;font-weight:500;text-align:center}.section--skill .skill-subtitle{text-align:center}.section--skill .skill-image{display:none}.section--skill .skill-cards{grid-template-columns:repeat(auto-fit,50%)}}.skill-card-main{background-color:#212223;border-radius:16px;box-shadow:13px 13px 6px #0003;color:#c1c2c3;height:auto;height:140px;margin:0 10px;padding:20px 30px;text-align:center;transition:.3s ease-out}.skill-card-main:hover{box-shadow:0 4px 8px #26262633}.skill-card-main .skill-icon{font-size:80px}.skill-card-main .skill-text{font-size:22px;margin-top:30px}@media screen and (max-width:1380px){.skill-card-main .skill-icon{font-size:35px}.skill-card-main .skill-text{font-size:20px}}#topButton{background-color:#38393a;border:none;border-radius:15px;bottom:20px;color:#f1f2f3;cursor:pointer;font-size:20px;outline:none;padding:20px 15px;position:fixed;right:30px;transition:.3s ease-in-out;visibility:hidden;z-index:99}#topButton:hover{transform:translateY(-8px);transition:.3s ease 0s}@media screen and (max-width:768px){#topButton{display:none}}.main{margin:50px auto 0;max-width:1600px;padding:110px 20px 0}.main h1{color:#f1f2f3;font-size:60px;font-weight:400}.main .repo-cards{grid-column-gap:2%;column-gap:2%;display:grid;grid-template-columns:repeat(auto-fit,32%);margin-top:50px}.main a{background-color:#121314;border:2px solid #c1c2c3;border-radius:8px;color:#c1c2c3;display:block;font-size:20px;margin:15px auto 0;padding:15px 30px;text-align:center;text-decoration:none;width:-webkit-max-content;width:max-content}.main a:hover{background-color:#c1c2c3;color:#121314;transition:.3s ease-out}@media screen and (max-width:1380px){.main{padding:90px 20px 0}.main h1{font-size:45px}.main .repo-cards{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media screen and (max-width:768px){.main h1{font-size:32px;font-weight:500;text-align:center}.main a{font-size:16px}.main .repo-cards{grid-template-columns:repeat(auto-fit,100%)}}.section--achievement{margin-top:50px;padding:110px 20px 0}.section--achievement .inner{margin:0 auto;max-width:1600px}.section--achievement .achieve-title{color:#f1f2f3;font-size:60px}.section--achievement .achieve-subtitle{color:#c1c2c3;font-size:25px;font-weight:300;margin-top:50px}.section--achievement .achieve-content{grid-column-gap:2%;column-gap:2%;display:grid;grid-template-columns:repeat(auto-fit,32%);margin-top:50px}@media screen and (max-width:1380px){.section--achievement{padding:90px 20px 0}.section--achievement .achieve-title{font-size:45px}.section--achievement .achieve-subtitle{font-size:20px}.section--achievement .achieve-content{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media screen and (max-width:768px){.section--achievement .achieve-title{font-size:32px;font-weight:500;text-align:center}.section--achievement .achieve-subtitle{text-align:center}.section--achievement .achieve-content{grid-template-columns:repeat(auto-fit,100%)}}.achieve-card{background-color:#212223;border-radius:10px;box-shadow:13px 13px 6px #0003;margin-bottom:30px;padding:30px;text-decoration:none}.achieve-card:hover{background-color:#4a4b4c;box-shadow:0 4px 8px #26262633}.achieve-card-img{flex:15% 1;text-align:center}.achieve-card-img img{border:5px solid #212223;border-radius:100%;box-shadow:0 5px 12px 5px #0000004d;height:auto;max-width:250px}.achieve-card-img img:hover{box-shadow:0 4px 8px #26262633;transition:.2s ease-out}.achieve-card-title{color:#f1f2f3;font-size:25px;font-weight:500;margin-top:20px;text-align:center}.achieve-card .achieve-card-desc{color:#c1c2c3;font-size:20px;font-weight:300;line-height:1.4;margin-top:20px;text-align:center}@media screen and (max-width:1380px){.achieve-card .achieve-card-title{font-size:22px}.achieve-card .achieve-card-desc{font-size:16px}}@media screen and (max-width:768px){.achieve-card .achieve-card-img img{max-width:180px}}.section--blog{margin-top:50px;padding:110px 20px 0}.section--blog .inner{margin:0 auto;max-width:1600px}.section--blog .blog-title{color:#f1f2f3;font-size:60px}.section--blog .blog-subtitle{color:#c1c2c3;font-size:25px;font-weight:300;margin-top:50px}.section--blog .blog-content{grid-column-gap:2%;column-gap:2%;display:grid;grid-template-columns:repeat(auto-fit,32%);margin-top:50px}@media screen and (max-width:1380px){.section--blog{padding:90px 20px 0}.section--blog .blog-title{font-size:45px}.section--blog .blog-subtitle{font-size:20px}.section--blog .blog-content{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media screen and (max-width:768px){.section--blog .blog-title{font-size:32px;font-weight:500;text-align:center}.section--blog .blog-subtitle{text-align:center}.section--blog .blog-content{grid-template-columns:repeat(auto-fit,100%)}}.blog-card{background-color:#212223;border-radius:10px;box-shadow:13px 13px 6px #0003;margin-bottom:30px;padding:30px;text-decoration:none}.blog-card:hover{box-shadow:0 4px 8px #26262633;transition:.3s ease-out}.blog-card .blog-card-title{color:#f1f2f3;font-size:25px;font-weight:500}.blog-card .blog-card-desc{-webkit-box-orient:vertical;-webkit-line-clamp:23;color:#c1c2c3;display:-webkit-inline-box;font-size:20px;font-weight:300;line-height:1.4;margin-top:20px}@media screen and (max-width:1380px){.blog-card .blog-card-title{font-size:20px}.blog-card .blog-card-desc{font-size:16px}}.section--contact{margin:50px 0;padding:110px 20px 0}.section--contact .contact-title{color:#f1f2f3;font-size:60px;margin:0 auto;max-width:1600px}.section--contact .inner{display:flex;flex-direction:row-reverse;margin:0 auto;max-width:1600px}.section--contact .wrapper-inner{flex:85% 1}.section--contact .contact-subtitle{color:#c1c2c3;font-size:25px;font-weight:300;margin-top:50px}.section--contact .contact-introduce{color:#c1c2c3;font-size:25px;font-weight:500;margin-top:50px}.section--contact .social-links{margin-top:50px}@media screen and (max-width:1380px){.section--contact{padding:90px 20px 0}.section--contact .contact-title{font-size:45px}.section--contact .contact-subtitle{font-size:20px}}@media screen and (max-width:768px){.section--contact .contact-title{font-size:32px;font-weight:500;text-align:center}.section--contact .inner{display:block;margin-bottom:40px}.section--contact .profile-img{margin-top:30px;text-align:center}.section--contact .wrapper-inner{text-align:center}}footer{margin:30px 0;padding:0 20px}footer .inner{margin:0 auto;max-width:1600px}footer .footer-content{color:#fdf553;font-size:20px;text-align:center}.expcard-main{background-color:#212223;border-radius:10px;box-shadow:13px 13px 6px #0003;color:#f1f2f3;font-size:25px;margin-bottom:30px;padding:30px;text-align:center;text-decoration:none;transition:.3s ease-out}.expcard-main:hover{background-color:#4a4b4c;box-shadow:0 4px 8px #26262633}.expcard-main .expcard-role{font-weight:500}.expcard-main .expcard-company{margin-top:30px}.expcard-main .expcard-date{color:#c1c2c3;font-size:20px;font-weight:300;margin-top:30px}@media screen and (max-width:1380px){.expcard-main .expcard-role{font-size:22px}.expcard-main .expcard-company{font-size:19px}.expcard-main .expcard-date{font-size:16px}}.section--exp{margin-top:50px;padding:110px 20px 0}.section--exp .inner{margin:0 auto;max-width:1600px}.section--exp .exp-title{color:#f1f2f3;font-size:60px}.section--exp .exp-cards{grid-column-gap:2%;column-gap:2%;display:grid;grid-template-columns:repeat(2,1fr);margin-top:50px}@media screen and (max-width:1380px){.section--exp{padding:90px 20px 0}.section--exp .exp-title{font-size:45px}.section--exp .exp-cards{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media screen and (max-width:768px){.section--exp .exp-title{font-size:32px;font-weight:500;text-align:center}.section--exp .exp-cards{grid-template-columns:repeat(auto-fit,100%)}}.section--project{margin-top:50px;padding:110px 20px 0}.section--project .inner{margin:0 auto;max-width:1600px}.section--project .project-title{color:#f1f2f3;font-size:60px}.section--project .project-subtitle{color:#c1c2c3;font-size:25px;font-weight:300;margin-top:50px}.section--project .project-cards{grid-column-gap:2%;column-gap:2%;display:grid;grid-template-columns:repeat(auto-fit,32%);margin-top:50px}.section--project .project-content{color:#c1c2c3;font-size:22px;margin-top:50px}@media screen and (max-width:1380px){.section--project{padding:90px 20px 0}.section--project .project-title{font-size:45px}.section--project .project-subtitle{font-size:20px}.section--project .project-cards{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media screen and (max-width:768px){.section--project .project-title{font-size:32px;font-weight:500;text-align:center}.section--project .project-subtitle{text-align:center}.section--project .project-cards{grid-template-columns:repeat(auto-fit,100%)}}
/*# sourceMappingURL=main.05e7d444.css.map*/