.header{background-color:#ced4da73;border-radius:8px;bottom:calc(var(--frame-border-size)/1.5);box-shadow:0 6px 6px #0003,0 0 20px #0000001a;color:var(--base-black);contain:strict;font-size:20px;font-weight:800;height:var(--header-height);isolation:isolate;left:calc(var(--frame-border-size)*2);overflow:hidden;position:fixed;right:calc(var(--frame-border-size)*2);text-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(200px) scaleX(.8);will-change:transform,scaleX;z-index:1}.header:after,.header:before{border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;position:absolute}.header:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);filter:url(#container-glass);will-change:filter,backdrop-filter;z-index:-1}.header:after{box-shadow:inset 2px 2px 1px #ffffff80,inset -1px -1px 1px 1px #ffffff80}@media screen and (width <= 1024px){.header{font-size:16px;left:var(--frame-border-size);right:var(--frame-border-size)}}.nav{position:relative;z-index:2}.nav,.nav-list{height:100%;width:100%}.nav-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.nav-list-item{align-items:center;display:flex;height:100%;justify-content:center}.nav-list-item a{align-items:center;display:flex;height:100%;justify-content:center;padding:0 10px;position:relative;width:100%}.nav-list-item a:after{background-color:currentColor;border-radius:100px;content:"";height:5px;position:absolute;right:0;scale:0;top:50%;transform:translate(50%,-70%);transition:scale .3s;width:5px}.nav-list-item a.router-link-exact-active:after{scale:1}.home{border:none}.home a:after{content:none}.projects{margin-left:auto}.about{margin-inline:calc(var(--frame-border-size)*3)}@media screen and (width <= 1024px){.about{margin-right:calc(var(--frame-border-size)*1)}}.cursor-wrapper[data-v-a8a01a6c]{pointer-events:none}@media (hover:none){.cursor-wrapper[data-v-a8a01a6c]{display:none}}.cursor-ball[data-v-a8a01a6c]{left:0;mix-blend-mode:difference;position:fixed;top:0;z-index:1}.circle[data-v-a8a01a6c]{fill:var(--palette-color-4)}.globalLoader[data-v-d6d2ddcd]{align-items:center;background-color:var(--base-bg-color);display:flex;font-size:2vw;font-weight:800;top:0;right:0;bottom:0;left:0;justify-content:center;padding:0 40px;position:fixed;z-index:1}@media screen and (width <= 1024px){.globalLoader[data-v-d6d2ddcd]{font-size:10vw}}.topProgress[data-v-d6d2ddcd]{background-color:var(--base-black);height:4px;left:0;position:fixed;top:0;transform:scaleX(0);transform-origin:left;width:100%;will-change:transform}@media screen and (width <= 1024px){.topProgress[data-v-d6d2ddcd]{height:10px}}.percentage-wrapper[data-v-d6d2ddcd]{display:flex}.percentage-wrapper .number[data-v-d6d2ddcd]{text-align:center;white-space:nowrap;width:4vw}@media screen and (width <= 1024px){.percentage-wrapper .number[data-v-d6d2ddcd]{width:20vw}}.header-test-wrapper{bottom:0;display:flex;justify-content:center;position:fixed;width:100%;z-index:999}.header-test{align-items:center;background-color:red;border-radius:20px;display:inline-block;display:flex;height:50px;padding:10px}.wrapper{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%}@media screen and (width <= 1024px){.wrapper{height:auto;overflow:visible;position:static}}.root{left:0;min-height:100vh;position:absolute;top:0;width:100%;will-change:clip-path}@media screen and (width <= 1024px){.root{position:static}}.opacity-box{background:#fff;height:100%;left:0;opacity:1;pointer-events:none;position:fixed;top:0;width:100%;will-change:opacity,transform;z-index:80;z-index:1}@media screen and (width <= 1024px){.opacity-box{display:none}}.black-box{background:var(--base-black);clip-path:inset(0 0 80px);top:0;right:0;bottom:0;left:0;opacity:1;position:fixed;will-change:clip-path}.content-wrapper{background-color:var(--base-bg-color);min-height:calc(100vh - 1px);position:absolute;top:0;width:100%;will-change:transform}@media screen and (width <= 1024px){.content-wrapper{position:static}}.frame{top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:1}.frame-line-square-left{left:var(--frame-border-size);top:var(--frame-border-size)}.frame-line-square-right{right:var(--frame-border-size);top:var(--frame-border-size);transform:translate(50%,-50%) rotate(45deg)}.frame-border{position:absolute}.frame-border.top{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid var(--base-black);height:var(--frame-border-size);left:0;position:relative;right:0;top:0;will-change:backdrop-filter}.frame-border.right{border-left:1px solid var(--base-black);right:0}.frame-border.left,.frame-border.right{-webkit-backdrop-filter:none;backdrop-filter:none;bottom:0;top:0;width:var(--frame-border-size)}.frame-border.left{border-right:1px solid var(--base-black);left:0}.copyright{bottom:calc(var(--frame-border-size)/2);font-size:12px;left:calc(var(--frame-border-size)/2);line-height:1.1;position:fixed;transform:translate(14px) rotate(-90deg);transform-origin:0 100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.copyright p{margin:0}