.main .container[data-v-48f631d0]{padding:50px 15px}.main .container .wrap .profile .readmore[data-v-48f631d0]{border:1px solid #000;color:#000;display:inline-block;font-size:12px;font-weight:700;padding:10px 15px;text-transform:uppercase;transition:all .2s ease}.main .container .wrap .profile .readmore[data-v-48f631d0]:hover{background:#000;color:#fff;text-decoration:none}@media (max-width:640px){.main .container .wrap .keywords[data-v-48f631d0]{margin-top:50px!important}}.main .container .wrap .keywords .wrap .label[data-v-48f631d0]{font-size:20px;font-weight:500;line-height:1.2;margin-bottom:1.5rem!important}.main .container .wrap .keywords .wrap .skill-list[data-v-48f631d0]{align-items:center;display:flex;flex-flow:row wrap;gap:20px;justify-content:center}.main .container .wrap .keywords .wrap .skill-list .skill-item[data-v-48f631d0]{margin:10px 0}.main .container .wrap .keywords .wrap .skill-list .skill-item .skeleton-skill[data-v-48f631d0]{margin-bottom:1.5rem}.main[data-v-c5e2e2b4]{max-width:1140px;width:100%}.main .project-list .project-item .project-logo .img-fluid[data-v-c5e2e2b4]{height:auto;margin:0 auto;max-height:50px;max-width:100%}.main .project-list .project-item .project-logo.not-link[data-v-c5e2e2b4]{cursor:not-allowed}@keyframes fadeIn-11c2ec46{0%{opacity:0}to{opacity:1}}@keyframes slideIn-11c2ec46{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main[data-v-11c2ec46]{margin:0 auto;max-width:1140px}.main .container[data-v-11c2ec46]{padding:50px 15px}.main .container .row[data-v-11c2ec46]{margin-bottom:40px}.main .container .row .filter .filter-item[data-v-11c2ec46]{cursor:pointer;display:inline;margin:0 10px;position:relative}.main .container .row .filter .filter-item.active[data-v-11c2ec46]:before{background-color:#70ebec;bottom:0;content:"";display:block;height:30%;position:absolute;width:100%;z-index:-1}.main .container .work .work-item[data-v-11c2ec46]{animation:slideIn-11c2ec46 1s ease forwards;opacity:0}.main .container .work .work-item[data-v-11c2ec46]:nth-child(n){animation-delay:calc(var(--index)*.1s)}.main .container .work .work-item .item-wrap[data-v-11c2ec46]{display:block;overflow:hidden;position:relative}.main .container .work .work-item .item-wrap .icon-overlay[data-v-11c2ec46]{height:14%;opacity:.5;position:absolute;right:3%;top:3%;width:14%}.main .container .work .work-item .item-wrap .work-info[data-v-11c2ec46]{color:#fff;margin-top:20px;opacity:0;padding:0 3%;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden;width:100%;z-index:3}.main .container .work .work-item .item-wrap .work-info h3[data-v-11c2ec46]{font-size:20px;margin-bottom:0}.main .container .work .work-item .item-wrap .work-img[data-v-11c2ec46]{border-style:none;box-sizing:border-box;overflow:clip;overflow-clip-margin:content-box;transform:scale(1);transition:transform .3s ease;vertical-align:middle}.main .container .work .work-item .item-wrap .img-fluid[data-v-11c2ec46]{height:auto;max-width:100%}.main .container .work .work-item .item-wrap[data-v-11c2ec46]:after{background:#0006;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease-in-out;visibility:hidden;z-index:2}.main .container .work .work-item .item-wrap:hover img.work-img[data-v-11c2ec46]{transform:scale(1.05)}.main .container .work .work-item .item-wrap[data-v-11c2ec46]:hover:after{opacity:1;visibility:visible}.main .container .work .work-item .item-wrap:hover .work-info[data-v-11c2ec46]{margin-top:0;opacity:1;visibility:visible}