@import url(https://fonts.googleapis.com/css?family=Audiowide|Sofia|Trirong);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.header{background-color:#272643;color:#fff;box-shadow:0 2px 3px 0 rgba(0,0,0,.2),0 3px 10px 0 rgba(0,0,0,.19);padding:0 95px 0 15px;font-family:"Sofia"}.header li{list-style:none}.header .nav-right .nav-list{padding:15px 10px 5px}.main{width:100%;max-width:1200px;height:520px;background-color:#fff;margin:0 auto;padding:15px}.main .profile_img{margin-top:20px;border-radius:50%;width:180px;height:180px}.main .introduction .hi,.main .introduction .name{font-size:60px;font-family:"Sofia"}.main .introduction .name{color:#2c698d;border-bottom:8px solid #272643}.main .typewrite{color:#3d3a3a;text-decoration:none}.about-container{width:100%;height:480px;margin-top:10px;margin-bottom:40px;border:.8px solid #2c698d;color:#fff;display:flex;flex-wrap:wrap}@media screen and (max-width:880px){.about-container{display:block}}@media screen and (max-width:588px){.about-container{margin-bottom:410px}}.about-container .stack-container{background-color:#272643;width:60%}@media screen and (max-width:880px){.about-container .stack-container{width:100%}}.about-container .about-img-bg{position:relative;height:100%;width:40%;background-size:cover;background-position:0 0;background-repeat:repeat-x;animation:animate 15s linear infinite}@media screen and (max-width:880px){.about-container .about-img-bg{width:100%}}@keyframes animate{0%{background-position:0 0}to{background-position:100% 0}}.about-container .about-title{font-size:2.2rem;border-bottom:5px solid #2c698d}.about-container .describe{padding:10px 20px;line-height:35px;font-size:1.2rem}.about-container .button-row-1 .button-col,.about-container .button-row-2 .button-col,.about-container .button-row-3 .button-col{margin-left:15px;margin-top:8px}.about-container button{width:auto;outline:none;border:none;height:40px;border-radius:10px;font-size:17px}.about-nav,.connect,.portfolio-nav{cursor:pointer;text-decoration:none;color:#fff}.about-nav:hover,.connect:hover,.portfolio-nav:hover{opacity:.8;color:#fff}.hidden-detail{height:100%}.portfolio{width:100%;max-width:1400px;margin:0 auto 80px;padding:0 15px}.portfolio a,.portfolio a:hover,.portfolio a:visited{text-decoration:none;color:#000}@media screen and (max-width:880px){.portfolio{margin-top:420px}}@media screen and (max-width:588px){.portfolio{margin-top:520px}}@media screen and (max-width:510px){.portfolio{margin-top:620px}}@media screen and (max-width:394px){.portfolio{margin-top:690px}}@media screen and (max-width:330px){.portfolio{margin-top:720px}}@media screen and (max-width:304px){.portfolio{margin-top:820px}}@media screen and (max-width:288px){.portfolio{margin-top:870px}}.portfolio button{width:auto;outline:none;border:none;height:40px;border-radius:10px;font-size:17px;margin-left:15px;margin-top:5px}.portfolio .project-header{font-size:2rem;font-weight:500;border-bottom:5px solid #2c698d}.portfolio .project-card .content{border-radius:5%;border:.2px solid transparent;height:480px}.portfolio .project-card .content:hover{box-shadow:2px 2px 12px rgba(47,47,47,.4)}.footer{width:100%;background-color:#272643;color:#fff;text-align:center;padding-top:30px}.footer .social-icon-container{display:flex;padding:2px 10px 10px;justify-content:center;align-items:center;flex-wrap:wrap}.footer .social-icon-container .social-rounded-container{border-radius:50%;border:1px solid #bebbbb;width:80px;height:60px;color:#000;display:flex;justify-content:center;align-items:center;padding:10px}.footer .social-icon-container .social-rounded-container:hover{background-color:#fff}.footer .social-icon-container .social-rounded-container:hover .icon{color:#272643}.footer .social-icon-container .social-rounded-container .icon{color:#fff;font-size:40px!important}
/*# sourceMappingURL=main.c197530c.chunk.css.map */