:root{--background-color: #0D1116;--primary-text-color: #e6edf3;--secondary-text-color: #8d96a0;--scrollbar-thumb-background-color: #e6edf3;--scrollbar-thumb-hover-background-color: #e6edf3;--under-line-color: #7c72ff;--section-title-light-color: #7c72ff;--nav-border: 1px solid #30363d;--menu-item-hover-background-color: #30363d;--card-background-color: #161b22;--card-border-color: solid 1px #30363d;--card-light-color: #7c72ff}*{box-sizing:border-box;outline:0}body{width:100%;max-width:100%;height:100%;background-color:#0d1116;overflow-x:hidden;margin:0;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}a{text-decoration:none;color:var(--secondary-text-color)}::selection{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-background-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-background-color)}.copyright{font-size:12px;font-weight:lighter;white-space:nowrap;text-align:center;display:inline-block;transition:.25s}@media (max-width: 850px){.copyright{opacity:0}}@media (max-height: 500px){.copyright{opacity:0}}.particles-canvas[data-v-aff514cd]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.line-button[data-v-7070e09f]{padding:10px;cursor:pointer;display:flex;flex-direction:column}.line-button-top[data-v-7070e09f],.line-button-mid[data-v-7070e09f],.line-button-btm[data-v-7070e09f]{border-radius:2px;height:2px;background-color:var(--primary-text-color);transition:all .2s ease-in-out}.line-button-top[data-v-7070e09f]{width:20px}.line-button-mid[data-v-7070e09f]{width:10px;margin:4px 0}.line-button-btm[data-v-7070e09f]{width:16px}.present-section[data-v-a0dd5f9d]{width:100%;padding:20px 200px}.present-section-title[data-v-a0dd5f9d]{font-size:24px;text-align:center;color:var(--primary-text-color)}.title-light[data-v-a0dd5f9d]{width:20px;height:20px;border-radius:20px;filter:blur(18px);margin-left:50%;transform:translate(-50%,-100%);background-color:var(--section-title-light-color)}@media (max-width: 1000px){.present-section[data-v-a0dd5f9d]{padding:20px}}.about-me-des[data-v-d0bb551d]{white-space:pre-wrap;line-height:40px;box-sizing:border-box;width:100%;text-align:center;padding:120px 0;color:var(--primary-text-color)}.shine-card-container[data-v-fb8e1e6b]{position:relative;background:var(--card-background-color);border-radius:10px;border:none;transform-style:preserve-3d;transform:perspective(700px) rotateX(0) rotateY(0);transition:.25s all;overflow:hidden}.shine-card-border[data-v-fb8e1e6b]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;border:var(--card-border-color);z-index:-1}.shine-card-light[data-v-fb8e1e6b]{position:absolute;top:0;left:0;width:600px;height:600px;border-radius:350px;opacity:0;filter:blur(180px);background-color:var(--card-light-color);mix-blend-mode:soft-light;will-change:transform;transform:translate(0);transition:opacity 1.2s cubic-bezier(.16,1,.3,1);z-index:-1}.shine-card-container:hover .shine-card-light[data-v-fb8e1e6b]{opacity:.85}.website-intro[data-v-8209940c]{width:100%;height:auto;padding:40px;border-radius:10px}.website-intro-title[data-v-8209940c]{color:var(--primary-text-color)}.website-intro-des[data-v-8209940c]{color:var(--secondary-text-color);margin:30px 0}.website-intro-link[data-v-8209940c]{position:relative;cursor:pointer;display:flex;align-items:center}.website-intro-link a[data-v-8209940c]{text-decoration:none}.website-intro-link-text[data-v-8209940c]{position:relative;display:inline-block;cursor:pointer;color:var(--primary-text-color)}.website-intro-link-text[data-v-8209940c]:before{position:absolute;content:"";background:var(--primary-text-color);height:2px;width:0;border-radius:1px;margin-top:30px;left:0;transition:width .2s ease-in-out}.website-intro-link-icon[data-v-8209940c]{position:relative;margin-left:10px;background:var(--primary-text-color);border-radius:1px;height:2px;width:0;transition:.25s all;transform-origin:right}.website-intro-link-icon[data-v-8209940c]:before{position:absolute;content:"";background:var(--primary-text-color);border-radius:1px;top:2px;left:-4px;height:2px;width:8px;transform:rotate(-45deg);transition:.25s all}.website-intro-link-icon[data-v-8209940c]:after{position:absolute;content:"";background:var(--primary-text-color);border-radius:1px;top:-2px;left:-4px;height:2px;width:8px;transform:rotate(45deg);transition:.25s all}.website-intro-link:hover .website-intro-link-text[data-v-8209940c]:before{width:100%}.website-intro-link:hover .website-intro-link-icon[data-v-8209940c]{width:8px}.website-intro-link:hover .website-intro-link-icon[data-v-8209940c]:before{left:4px}.website-intro-link:hover .website-intro-link-icon[data-v-8209940c]:after{left:4px}.website-section-container[data-v-f45f6e4c]{width:100%;height:100%;padding:120px 0;display:grid;grid-column-gap:40px;grid-row-gap:40px;grid-template-columns:repeat(2,calc(50% - 15px))}@media (max-width: 1000px){.website-section-container[data-v-f45f6e4c]{grid-template-columns:100%}}.banner[data-v-6d0d73fe]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.banner-bg[data-v-6d0d73fe]{width:100%;height:100%}.banner-slogan[data-v-6d0d73fe]{position:absolute;color:var(--primary-text-color);font-weight:600;font-size:86px;padding:0 200px;text-align:center}.header[data-v-6d0d73fe]{position:fixed;display:flex;top:0;left:0;width:100%;height:60px;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center;border-bottom:1px solid rgba(0,0,0,0);transition:all .25s ease;z-index:999}.header-transition[data-v-6d0d73fe]{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:var(--nav-border)}.logo-container[data-v-6d0d73fe]{display:flex;align-items:center;height:60px;padding-left:200px}.logo-img[data-v-6d0d73fe]{cursor:pointer;height:40px;width:40px}.logo-text[data-v-6d0d73fe]{margin-left:10px;color:var(--primary-text-color)}.padding-container[data-v-6d0d73fe]{height:60px;flex:1}.nav-container[data-v-6d0d73fe]{cursor:pointer;height:60px;width:600px;padding-right:200px;display:flex;justify-content:end;align-items:center}.nav-item[data-v-6d0d73fe]{height:40px;width:70px;margin:0 15px;border-radius:10px;display:flex;justify-content:center;align-items:center;transition:all .25s ease}.nav-item[data-v-6d0d73fe]:hover{background-color:var(--menu-item-hover-background-color)}.nav-item-text[data-v-6d0d73fe]{color:var(--primary-text-color);position:relative;text-decoration:none;display:inline-block}.nav-item-text[data-v-6d0d73fe]:before{content:"";position:absolute;width:0;height:3px;border-radius:3px;background-color:var(--under-line-color);left:50%;bottom:-6px;transform:translate(-50%);transition:width .2s ease-in-out}.nav-item:hover .nav-item-text[data-v-6d0d73fe]:before{width:100%}.nav-button-container[data-v-6d0d73fe]{display:none;align-items:center;height:60px;padding-right:100px;transition:all .25s ease}.body[data-v-6d0d73fe]{width:100%}.footer[data-v-6d0d73fe]{display:flex;align-items:center;justify-content:center;height:60px}.copyright-container[data-v-6d0d73fe]{color:var(--secondary-text-color)}.nav-menu-container[data-v-6d0d73fe]{position:fixed;display:flex;justify-content:center;top:60px;height:100%;width:100%;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:999}.nav-menu[data-v-6d0d73fe]{width:400px;color:var(--primary-text-color)}.nav-menu-item[data-v-6d0d73fe]{display:flex;align-items:center;flex-direction:column;justify-content:center;height:40px;margin:10px;padding:0 20px;border-radius:10px;cursor:pointer;transition:all .25s ease}.nav-menu-item[data-v-6d0d73fe]:hover{background-color:var(--menu-item-hover-background-color)}.nav-menu-item:hover .nav-item-text[data-v-6d0d73fe]:before{width:100%}.nav-menu-divide-line[data-v-6d0d73fe]{width:100%;height:1px;border-radius:1px;background-color:var(--menu-item-hover-background-color);position:relative;top:8px}@media (max-width: 1000px){.logo-container[data-v-6d0d73fe]{padding-left:20px}.nav-container[data-v-6d0d73fe]{display:none}.nav-button-container[data-v-6d0d73fe]{display:flex;padding-right:20px}}@media (max-width: 500px){.banner-slogan[data-v-6d0d73fe]{padding:0 20px;font-size:56px}.nav-menu[data-v-6d0d73fe]{width:100%}}.global-container[data-v-2ea9813e]{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background-color)}