:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-white-soft);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-black-mute);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-white);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html,body{height:100%;cursor:grab;-webkit-user-select:none;user-select:none}body.grabbing{cursor:grabbing}body.a{cursor:pointer}body{color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;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:1.25rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol,li{margin:0;padding:0;list-style:none}p{text-align:justify}a{color:inherit;text-decoration:none;font-weight:700}a:hover{text-decoration:underline}#app{display:grid;grid-template-columns:150px 1fr;margin:0 auto;padding:1rem;font-weight:400;height:100%}@media (max-width: 1200px){html,body{width:100vw;background-color:#000}#app{padding-left:0;grid-template-columns:1fr;grid-gap:0;width:100%}img.hero{display:none}.panel{margin-bottom:30px}}h1,h2,h3{font-family:Anton SC,sans-serif;font-weight:400;font-style:normal;color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px #000000}h1{font-size:7rem;text-transform:uppercase;letter-spacing:-.03em;line-height:.9;margin-bottom:.5rem}h2{font-size:4rem;text-transform:uppercase;line-height:.9}h3{font-size:2rem;text-transform:lowercase;line-height:.9}.invert{color:#000;background-color:#fff;padding:1rem;margin-bottom:1rem}.invert h2,.invert h1,h1.black,h2.black,h3.black{color:#000;text-shadow:none}.pad{padding:1rem}hr{border:0;border-top:1px solid #666363;margin:1rem 0}.invert hr{border:0;border-top:1px solid #d4d1d1;margin:1rem 0}img.hero{width:100%;height:auto;border-radius:.5rem;max-width:500px}img.grow{transition:transform .3s ease-in-out}img.grow:hover{transform:scale(1.1)}q{font-family:Anton SC,sans-serif;font-weight:400;font-style:normal;display:block;text-align:center;padding:2rem;font-size:3rem;color:#fff;background-color:#000;quotes:none;text-transform:uppercase;line-height:1;border-radius:0 0 .5rem .5rem}q .credit{font-size:1rem;text-align:right;padding:.5rem}.panel[data-v-d065de59]{background-color:#000;background-position:center;position:relative;border-radius:.5rem;height:fit-content;opacity:.4;filter:grayscale(100%);transition:box-shadow .9s,filter .9s,opacity .9s;z-index:0;max-width:500px}@media (max-width: 1200px){.panel[data-v-d065de59]{width:100%;margin-bottom:2rem;opacity:1;filter:none;border-radius:0}}.invert[data-v-d065de59]{background-color:#fff;padding:0}.panel[data-v-d065de59]:hover,.panel[data-v-d065de59]:focus,.panel.focused[data-v-d065de59]{opacity:1;z-index:1;filter:grayscale(0%);box-shadow:0 0 .75rem #f5f4bcd7}svg[data-v-ae78293f]{top:0;left:0;width:100%;height:100%}.container[data-v-ae78293f]{position:relative;width:100%;overflow:hidden}.background[data-v-ae78293f]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:0}.content[data-v-ae78293f]{position:relative;z-index:1}@keyframes rotate-ae78293f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.out-top[data-v-ae78293f]{animation:rotate-ae78293f 20s linear infinite;transform-origin:13px 25px}.in-top[data-v-ae78293f]{animation:rotate-ae78293f 10s linear infinite;transform-origin:13px 25px}.out-bottom[data-v-ae78293f]{animation:rotate-ae78293f 25s linear infinite;transform-origin:84px 93px}.in-bottom[data-v-ae78293f]{animation:rotate-ae78293f 15s linear infinite;transform-origin:84px 93px}.hero[data-v-a3b469f4]{margin-bottom:1rem}.pad:hover h1.glitch[data-v-a3b469f4]{position:relative}.pad:hover h1.glitch[data-v-a3b469f4]:before,.pad:hover h1.glitch[data-v-a3b469f4]:after{content:"Skills";position:absolute;width:100%;height:100%;background:#000;overflow:hidden;top:0}.pad:hover h1.glitch[data-v-a3b469f4]:before{left:2px;text-shadow:-2px 0 #d81414;animation-name:glitch-animation-1-a3b469f4;animation-duration:2s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:reverse-alternate}.pad:hover h1.glitch[data-v-a3b469f4]:after{left:-2px;text-shadow:-2px 0 #1212d6;animation-name:glitch-animation-2-a3b469f4;animation-duration:2s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:reverse-alternate}@keyframes glitch-animation-1-a3b469f4{0%{clip:rect(53px,350px,98px,0px)}5%{clip:rect(76px,350px,102px,0px)}10%{clip:rect(0px,350px,68px,0px)}15%{clip:rect(4px,350px,123px,0px)}20%{clip:rect(21px,350px,45px,0px)}25%{clip:rect(91px,350px,111px,0px)}30%{clip:rect(9px,350px,101px,0px)}35%{clip:rect(82px,350px,139px,0px)}40%{clip:rect(66px,350px,90px,0px)}45%{clip:rect(110px,350px,128px,0px)}50%{clip:rect(25px,350px,75px,0px)}55%{clip:rect(89px,350px,112px,0px)}60%{clip:rect(7px,350px,114px,0px)}65%{clip:rect(48px,350px,83px,0px)}70%{clip:rect(100px,350px,132px,0px)}75%{clip:rect(52px,350px,95px,0px)}80%{clip:rect(73px,350px,119px,0px)}85%{clip:rect(8px,350px,140px,0px)}90%{clip:rect(34px,350px,74px,0px)}95%{clip:rect(79px,350px,103px,0px)}to{clip:rect(61px,350px,98px,0px)}}@keyframes glitch-animation-2-a3b469f4{0%{clip:rect(0px,350px,111px,0px)}5%{clip:rect(90px,350px,128px,0px)}10%{clip:rect(5px,350px,84px,0px)}15%{clip:rect(39px,350px,92px,0px)}20%{clip:rect(78px,350px,105px,0px)}25%{clip:rect(53px,350px,77px,0px)}30%{clip:rect(97px,350px,129px,0px)}35%{clip:rect(65px,350px,102px,0px)}40%{clip:rect(0px,350px,116px,0px)}45%{clip:rect(72px,350px,98px,0px)}50%{clip:rect(110px,350px,140px,0px)}55%{clip:rect(84px,350px,117px,0px)}60%{clip:rect(47px,350px,91px,0px)}65%{clip:rect(104px,350px,135px,0px)}70%{clip:rect(63px,350px,89px,0px)}75%{clip:rect(0px,350px,101px,0px)}80%{clip:rect(79px,350px,108px,0px)}85%{clip:rect(68px,350px,100px,0px)}90%{clip:rect(82px,350px,123px,0px)}95%{clip:rect(54px,350px,87px,0px)}to{clip:rect(99px,350px,139px,0px)}}img[data-v-03e2d164]{width:50%;height:auto;margin:1.5rem auto;display:block}strong[data-v-03e2d164]{font-weight:600}hr[data-v-03e2d164]{margin:2rem 0}img.book[data-v-ff95418b]{width:250px;height:auto;margin:1.5rem auto;display:block}h2[data-v-ed623f78]{font-size:2rem}.project[data-v-ed623f78]{width:250px;height:auto;margin:1.5rem auto;display:block}.card[data-v-a8b2e366]{width:150px;height:216px;position:relative;cursor:grab}.cardFront[data-v-a8b2e366],.cardBack[data-v-a8b2e366]{position:absolute;width:150px;height:216px;background-size:cover;-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;color:#000;border-radius:8px}.cardBack h2[data-v-a8b2e366]{font-size:1.25rem;margin-bottom:.5rem}.cardBack p[data-v-a8b2e366]{font-size:.5rem;font-weight:500}.cardBack[data-v-a8b2e366]{background:#fff;background-size:100% auto;box-shadow:0 0 10px 4px #00050abf}.cardBack .inner[data-v-a8b2e366]{border-radius:8px;background-color:#ffffffd9;height:100%;padding:.75rem}.cardFront[data-v-a8b2e366]{cursor:pointer;display:flex;align-items:center;justify-content:center;background:url(/assets/img/play/card.svg)}.card[data-v-a8b2e366]:hover{z-index:2}.close-icon[data-v-a8b2e366]{float:right;cursor:pointer;margin-left:10px;font-size:.75rem;line-height:1}.table[data-v-76f3f463]{position:relative;width:500px;height:1000px;margin-top:2rem}.header[data-v-76f3f463]{display:flex;justify-content:space-between;align-items:center}@media (max-width: 1200px){.table[data-v-76f3f463]{max-width:90vw}}.card-transition[data-v-76f3f463]{transition:top .9s ease,left .9s ease,transform 2s ease;position:absolute}.projectLink[data-v-76f3f463]{text-align:center;margin-top:1rem}.pad[data-v-76f3f463]{cursor:pointer}img.link[data-v-76f3f463]{width:60px;height:60px;border-radius:10%;padding:.2rem;box-shadow:0 0 10px #00050a26;background-color:#ffffffbf}.symbol[data-v-4c7894ee]{background-color:#201d18b2;height:15px;width:15px;margin:2px;border-radius:10px}.symbol.long[data-v-4c7894ee]{width:30px}.symbol.end[data-v-4c7894ee]{width:10px;background-color:transparent}.symbol.space[data-v-4c7894ee]{background-color:transparent}.marquee[data-v-4c7894ee]{--gap: .15rem;position:relative;display:flex;overflow:hidden;gap:var(--gap)}.marquee__content[data-v-4c7894ee]{flex-shrink:0;display:flex;justify-content:space-around;gap:var(--gap);min-width:100%}@keyframes scroll-4c7894ee{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--gap)))}}@media (prefers-reduced-motion: reduce){.marquee__content[data-v-4c7894ee]{animation-play-state:paused!important}}.marquee__content[data-v-4c7894ee]{animation:scroll-4c7894ee 10s linear infinite}@keyframes scroll-abs-4c7894ee{0%{transform:translate(calc(100% + var(--gap)))}to{transform:translate(0)}}.connect[data-v-2845c859]{width:250px;height:auto;margin:1.5rem auto;display:block}.hero[data-v-2845c859]{margin:0 auto;display:block;width:auto}.credit[data-v-2845c859]{background-color:#000}q[data-v-2845c859]{border-radius:0}h3[data-v-2845c859]{color:#000;text-shadow:none}li[data-v-2845c859]{font-size:.75rem}#canvas[data-v-2ba73939]{padding-left:10rem;display:grid;height:100%;grid-gap:1rem;grid-template-columns:repeat(7,500px) .5rem}@media (max-width: 1200px){#canvas[data-v-2ba73939]{padding-left:0rem;grid-template-columns:1fr;grid-gap:0rem;max-width:100vw}}#navigator[data-v-024848e9]{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;align-items:center;z-index:5;opacity:.3;transition:opacity .9s;background-color:#4e4a4ac2;padding:.5rem;border-radius:3rem}@media (max-width: 900px){#navigator[data-v-024848e9]{display:none}}#navigator[data-v-024848e9]:hover{opacity:1}.arrow[data-v-024848e9]{cursor:pointer;width:36px;height:36px;background-image:url(/assets/arrow.svg);background-size:cover;background-repeat:no-repeat}.circle[data-v-024848e9]{align-self:center;cursor:pointer;width:24px;height:24px;background-color:#fff;border-radius:50%}.arrow.disabled[data-v-024848e9],.circle.disabled[data-v-024848e9]{opacity:.3;cursor:default}.up[data-v-024848e9]{transform:rotate(0)}.left[data-v-024848e9]{transform:rotate(270deg)}.right[data-v-024848e9]{transform:rotate(90deg)}.down[data-v-024848e9]{transform:rotate(180deg)}.horizontal-arrows[data-v-024848e9]{display:flex;justify-content:space-between;width:110px;margin:.3rem 0}header[data-v-67f42098]{line-height:1.5;position:fixed;background:var(--color-background);height:100%;width:156px;z-index:100;left:0;top:0;box-shadow:4px 0 10px 4px #00000080}@media (max-width: 900px){header[data-v-67f42098]{display:none}}.slide[data-v-67f42098]{transform:rotate(-90deg);position:absolute;left:-240px;top:260px;display:grid;grid-template-columns:180px 1fr}h1[data-v-67f42098]{font-size:10rem}img[data-v-67f42098]{width:140px;filter:grayscale(100%);opacity:.5;transition:opacity .9s,filter .9s;cursor:pointer}h1 span[data-v-67f42098]{transition:color .9s}.slide:hover span[data-v-67f42098]{color:#3592bf}.slide:hover img[data-v-67f42098]{filter:none;opacity:1}.logo[data-v-67f42098]{display:block;margin:0 auto 2rem}