@layer base,components,utils;@layer base{@property --color-background{syntax: "<color> | <image>"; initial-value: hsl(0,0%,9%); inherits: true;}@property --color-text{syntax: "<color>"; initial-value: #ececec; inherits: true;}:root{--color-base-black: color-mix(in oklab, #0e1424, black 45%);--color-base-darkest: #0e1424;--color-base-dark: #374254;--color-base-medium: #8a8fa3;--color-base-light: #adbbc6;--color-base-lightest: #ececec;--color-base-white: #ffffff;--color-primary: hsl(160 100% 37%)}:root{--color-background: hsl(0, 0%, 9%);--color-text: var(--color-base-lightest)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background:var(--color-background);animation:10s ease-in-out 3s infinite alternate bgAnim}@keyframes bgAnim{0%{--color-background: hsl(0, 0%, 9%)}to{--color-background: hsl(224, 44%, 7%)}}.mono{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:500;font-style:normal}}@layer base{#app{font-weight:400;min-width:360px}a{color:currentColor;text-decoration:none;padding:3px;border-radius:3px}a:hover,.green{color:#00bd7e;transition:.4s}}@layer components{.normal-section{margin:0 auto;max-width:1440px;padding-block:max(4vw,1rem);padding-inline:max(1rem,8vw)}.icon-button{display:flex;aspect-ratio:1 / 1;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;padding:0}.icon-button.big{width:46px;height:46px}}@layer utils{@media screen and (width < 600px){.no-mobile{display:none}}.text-soft{color:#4e4e4e}}#root[data-v-34a8e875]{display:flex;flex-direction:column;height:100vh;align-items:center;justify-content:center;padding:2rem;gap:1rem;text-align:center;background:var(--color-background);min-height:600px;z-index:200;position:relative}#root .first-hidded[data-v-34a8e875]{display:flex;gap:inherit;flex-flow:inherit;align-items:inherit;overflow:hidden;position:relative}#root .first-hidded[data-v-34a8e875]:after{content:"";display:block;position:absolute;bottom:0;transform:translateY(100%);left:0;width:100%;height:2rem;background:linear-gradient(transparent,var(--color-background))}.name[data-v-34a8e875]{font-size:max(4vw,2rem);text-align:center;font-weight:400;position:relative}.name .initial[data-v-34a8e875]{color:var(--color-primary);font-weight:500}.name[data-v-34a8e875]:before{content:"{";opacity:.4;margin-right:.25ch;font-weight:300}.name[data-v-34a8e875]:after{content:"}";opacity:.4;margin-left:.25ch;font-weight:300}.name .cursor[data-v-34a8e875]{display:block;width:4px;height:1.2em;background-color:#fffa;position:absolute;top:50%;transform:translateY(-45%);left:calc(var(--7de9c9eb) * 1ch + 1.25ch);animation:1.75s linear 0s 1 forwards iniciar-34a8e875,1s linear 7s infinite titilar-34a8e875;border-radius:2px}@keyframes titilar-34a8e875{0%,48%{opacity:1}50%,98%{opacity:0}}@keyframes iniciar-34a8e875{0%,48%{opacity:0}50%,to{opacity:1}}.name[data-v-34a8e875],.subtitle[data-v-34a8e875]{width:fit-content}.subtitle[data-v-34a8e875]{font-size:max(1rem,2vw)}.subtitle[data-v-34a8e875]:before{content:"<"}.subtitle[data-v-34a8e875]:after{content:" />"}.subtitle[data-v-34a8e875]:before,.subtitle[data-v-34a8e875]:after{opacity:.4;display:inline;font-weight:300}.links[data-v-34a8e875]{display:flex;gap:clamp(.75rem,2.6vw,2rem);justify-content:center;align-items:center;font-size:clamp(14px,1vw,26px);margin-top:2em}.links a.link-button[data-v-34a8e875]{border:2px solid;padding:.5em .75em;border-radius:.2em;display:flex;gap:.5em;align-items:center;width:fit-content;flex-shrink:0}.links a.link-button .label[data-v-34a8e875]{display:none}@media (width > 800px){.links a.link-button .label[data-v-34a8e875]{display:inline}}.links a.link-button[data-v-34a8e875]:not(:hover){border-color:var(--bg, #fffb);color:var(--bg, #fffb)}.links a.link-button[data-v-34a8e875]:hover{background-color:transparent;border-color:currentcolor}.scroll-next[data-v-34a8e875]{background-color:#0f0f0f;border:2px solid #fffa;aspect-ratio:auto;color:#fff;padding:6px;width:35px;height:fit-content;opacity:.4;position:absolute;bottom:10%;cursor:pointer}.scroll-next[data-v-34a8e875]:hover{opacity:1;transition:.1s opacity}.scroll-next[data-v-34a8e875]>*{flex-shrink:0}.lang-switch-wrapper[data-v-2557b1b8]{display:flex;gap:.5rem;align-items:center;cursor:pointer;font-size:1em}.lang-switch-wrapper .lang-switch[data-v-2557b1b8]{display:block;width:2rem;height:1rem;border-radius:.5rem;background-color:var(--color-base-medium);position:relative}.lang-switch-wrapper .lang-switch .switch-indicator[data-v-2557b1b8]{background-color:var(--color-base-darkest);border-radius:50%;width:1rem;height:1rem;display:block;pointer-events:none;transition:transform .1s ease-out}.lang-switch-wrapper .lang-switch.right .switch-indicator[data-v-2557b1b8]{transform:translate(1rem)}.main-header[data-v-7a60733c]{padding:1rem;display:flex;gap:1rem;align-items:center;position:fixed;top:0;left:0;width:100vw;z-index:100;background-color:var(--color-background);font-size:1rem}.main-header .title[data-v-7a60733c]{font-size:inherit}.main-header .title .initial[data-v-7a60733c]{color:var(--color-primary)}.main-header .title[data-v-7a60733c]:before{content:"{";opacity:.4;margin-right:.25ch;font-weight:300}.main-header .title[data-v-7a60733c]:after{content:"}";opacity:.4;margin-left:.25ch;font-weight:300}.main-header .lang-selector[data-v-7a60733c]{font-size:13px}.main-header .links[data-v-7a60733c]{display:flex;gap:1em;justify-content:center;align-items:center;font-size:12px;margin-left:auto}.main-header .links a.link-button[data-v-7a60733c]{padding:.5em .75em;border-radius:.2em;display:flex;gap:.5em;align-items:center;width:fit-content;flex-shrink:0}.main-header .links a.link-button .label[data-v-7a60733c]{display:none}@media (width > 800px){.main-header .links a.link-button .label[data-v-7a60733c]{display:inline}}.main-header .links a.link-button[data-v-7a60733c]:not(:hover){color:var(--bg, #fffb)}.main-header .links a.link-button[data-v-7a60733c]:hover{border-color:currentcolor}