.vh-about{gap:1.25rem}.vh-about>main{box-sizing:border-box;padding:1rem;width:100%;height:max-content;min-height:5.5rem;border-radius:.5rem;background-color:var(--vh-white-color);box-shadow:var(--vh-box-shadow);overflow:hidden}.vh-about>main>h3{box-sizing:border-box;padding:.88rem 0;width:100%;height:max-content;font-size:1.125rem}.vh-about>main .enfj-dom{margin:1rem 0;position:relative;box-sizing:border-box;padding:1rem 2rem;display:flex;justify-content:space-between;width:100%;height:16rem;background:#fff;border:1px solid #e3e8f7;border-radius:12px;box-shadow:0 8px 16px -4px #2c2d300c;overflow:hidden;background:url(/assets/images/enfj.webp)no-repeat;background-size:8.8rem auto;background-position:right 2rem;transition:all .36s}.vh-about>main .enfj-dom:hover{background-position:right 1.6rem}.vh-about>main .enfj-dom>.text{display:flex;flex-direction:column;width:100%}.vh-about>main .enfj-dom>.text>em,.vh-about>main .enfj-dom>.text>span{padding:0;margin:0;font-size:2rem;cursor:default;line-height:2.6rem;font-style:normal}.vh-about>main .enfj-dom>.text>span{font-weight:700;color:#33a474}.vh-about>main .enfj-dom>.text>a.more-enfj{margin-top:auto;color:#999!important;font-size:.88rem!important;text-decoration:none!important}@media screen and (max-width:768px){.vh-about>main .enfj-dom{height:auto;min-height:20rem;padding:1rem;flex-direction:column;position:relative;background:0 0;overflow:visible}.vh-about>main .enfj-dom:after{content:"";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:9rem;height:18rem;background:url(/assets/images/enfj.webp)no-repeat;background-size:contain;background-position:center right;z-index:0}.vh-about>main .enfj-dom>.text{padding-right:9.5rem;position:relative;z-index:1}.vh-about>main .enfj-dom>.text>em,.vh-about>main .enfj-dom>.text>span{font-size:1.5rem;line-height:2rem}.vh-about>main .enfj-dom>.text>p{font-size:.9rem;margin:.5rem 0 2rem}}@media screen and (min-width:769px) and (max-width:900px){.vh-about>main .enfj-dom{background-size:7rem auto;background-position:right 1rem}.vh-about>main .enfj-dom>.text{padding-right:9rem}}@media screen and (min-width:901px) and (max-width:1050px){.vh-about>main .enfj-dom{background-size:7rem auto;background-position:right 1rem}.vh-about>main .enfj-dom>.text{padding-right:9rem}}.vh-about>main .language-btn{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-weight:600;font-size:14px;text-decoration:none;transition:transform .2s;box-shadow:0 1px 3px #0000001a;color:#fff}.vh-about>main .language-btn svg{margin-right:8px}.vh-about>main .language-btn.html5{background-color:#e34f26}.vh-about>main .language-btn.tailwind{background-color:#38b2ac}.vh-about>main .language-btn.nodejs{background-color:#68a063}.vh-about>main .language-btn.php{background-color:#777bb4}.vh-about>main .language-btn.python{background-color:#306998}.vh-about>main .language-btn.cpp{background-color:#1296db}.vh-about>main .language-btn.git{background-color:#f05032}.vh-about>main .language-btn.github{background-color:#000}.vh-about>main .language-btn.cloudflare{background-color:#ec7c1e}.vh-about>main .language-btn.vue{background-color:#4fc08d}.vh-about>main .language-btn.webpack{background-color:#8dd6f9;color:#000}.vh-about>main .language-btn.javascript{background-color:#f7df1e;color:#000}.vh-about>main .language-btn.vscode{background-color:#0078d7}.vh-about>main>.language-tool{padding-top:1rem;display:flex;flex-wrap:wrap;gap:.56rem;width:100%;max-width:100%;height:max-content}.vh-about>main>.language-tool>a{width:max-content;max-width:100%;height:2rem;line-height:1;overflow:hidden;transition:transform .18s ease-in-out}.vh-about>main>.language-tool>a>img{height:calc(100% - 1px);width:auto;object-fit:contain;border-bottom:1px solid #2563eb}.vh-about>main>.language-tool>a>a>span.language-btn{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-weight:600;font-size:14px;text-decoration:none;transition:transform .2s;box-shadow:0 1px 3px #0000001a;color:#fff}.vh-about>main>.language-tool>a>a>span.language-btn svg{margin-right:8px}.vh-about>main>.language-tool>a>a>span.language-btn.html5{background-color:#e34f26}.vh-about>main>.language-tool>a>a>span.language-btn.tailwind{background-color:#38b2ac}.vh-about>main>.language-tool>a>a>span.language-btn.nodejs{background-color:#68a063}.vh-about>main>.language-tool>a>a>span.language-btn.php{background-color:#777bb4}.vh-about>main>.language-tool>a>a>span.language-btn.python{background-color:#306998}.vh-about>main>.language-tool>a>a>span.language-btn.cpp{background-color:#1296db}.vh-about>main>.language-tool>a>a>span.language-btn.git{background-color:#f05032}.vh-about>main>.language-tool>a>a>span.language-btn.github{background-color:#000}.vh-about>main>.language-tool>a>a>span.language-btn.cloudflare{background-color:#ec7c1e}.vh-about>main>.language-tool>a>a>span.language-btn.vue{background-color:#4fc08d}.vh-about>main>.language-tool>a>a>span.language-btn.webpack{background-color:#8dd6f9;color:#000}.vh-about>main>.language-tool>a>a>span.language-btn.javascript{background-color:#f7df1e;color:#000}.vh-about>main>.language-tool>a>a>span.language-btn.vscode{background-color:#0078d7}.vh-about>main>.language-tool>a:hover{transform:translateY(-.12rem)}.vh-page{display:flex;flex-direction:column;gap:1.25rem}.vh-page>.vh-page-header{box-sizing:border-box;padding:1rem;box-shadow:var(--vh-box-shadow);background-color:var(--vh-white-color);border-radius:.5rem}.vh-page>.vh-page-header h1,.vh-page>.vh-page-header p{padding:0}