@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";body{--color-background:#101013;--color-foreground:#16161a;--color-button:#26262b;--color-button-hover:#1c1c21;--color-txt-highlight:#fff;--color-txt:#c4cdd7;--color-txt-brand:#e9a8ba}body.light{--color-background:#fff;--color-foreground:#c5c5c5;--color-button:#9e9e9e;--color-button-hover:#898a8d;--color-txt-highlight:#000;--color-txt:#46464b;--color-txt-brand:#500f1f}body.dark{--color-background:#2c2c2f;--color-foreground:#39393a;--color-button:#454547;--color-button-hover:#3a3a3c;--color-txt-highlight:#fff;--color-txt:#e2e6eb;--color-txt-brand:#f3ccd5}body{color:var(--color-txt);width:100dvw;height:100dvh;margin:0;font-family:Poppins,Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden scroll;background-color:var(--color-background)!important}*{box-sizing:border-box;scrollbar-width:none;margin:0;padding:0}* ::-webkit-scrollbar{display:none}a{color:var(--color-txt-brand);text-decoration:none}a:active,a:hover{text-decoration:underline}h1,h2{color:var(--color-txt-highlight)}.ax-oxy-animated[data-v-2f517c04]{transform-origin:50%;filter:drop-shadow(0 1px 4px #000);font-size:clamp(20rem,20vw,38rem);animation:1.2s forwards axOxyAnimatedIn-2f517c04;position:relative}.antenna[data-v-2f517c04],.tentacle[data-v-2f517c04]{--_start-angle:-20deg;--_start-duration:1.6s;--_breath-angle:-12deg;--_breath-angle-2:-7deg;--_breath-duration:3.2s}.tentacle-offset-1[data-v-2f517c04]{--_origin-x:73%;--_origin-y:46%;animation-delay:.1s}.tentacle-offset-2[data-v-2f517c04]{--_origin-x:74%;--_origin-y:57%;animation-delay:.2s}.tentacle-offset-3[data-v-2f517c04]{--_origin-x:67%;--_origin-y:69%;animation-delay:.3s}.right-antenna[data-v-2f517c04]{animation:rightAntennaBreath-2f517c04 var(--_breath-duration) var(--_start-duration) infinite ease-in-out;transform-origin:63% 40%}.left-antenna[data-v-2f517c04]{animation:leftAntennaBreath-2f517c04 var(--_breath-duration) var(--_start-duration) infinite ease-in-out;transform-origin:37% 40%}.right-tentacle[data-v-2f517c04]{animation:rightTentacleIn-2f517c04 var(--_start-duration) forwards,rightTentacleBreath-2f517c04 var(--_breath-duration) var(--_start-duration) infinite ease-in-out;transform-origin:var(--_origin-x) var(--_origin-y)}.left-tentacle[data-v-2f517c04]{animation:leftTentacleIn-2f517c04 var(--_start-duration) forwards,leftTentacleBreath-2f517c04 var(--_breath-duration) var(--_start-duration) infinite ease-in-out;transform-origin:calc(100% - var(--_origin-x)) var(--_origin-y)}@keyframes axOxyAnimatedIn-2f517c04{0%{transform:translateY(-200px)}to{transform:translateY(0)}}@keyframes rightTentacleIn-2f517c04{0%,20%{transform:rotate(var(--_start-angle))}to{transform:rotate(0)}}@keyframes leftTentacleIn-2f517c04{0%,20%{transform:rotate(calc(var(--_start-angle) * -1))}to{transform:rotate(0)}}@keyframes rightAntennaBreath-2f517c04{50%{transform:rotate(var(--_breath-angle-2))}0%,to{transform:rotate(0)}}@keyframes leftAntennaBreath-2f517c04{50%{transform:rotate(calc(var(--_breath-angle-2) * -1))}0%,to{transform:rotate(0)}}@keyframes rightTentacleBreath-2f517c04{50%{transform:rotate(var(--_breath-angle))}to{transform:rotate(0)}}@keyframes leftTentacleBreath-2f517c04{50%{transform:rotate(calc(var(--_breath-angle) * -1))}to{transform:rotate(0)}}.logo-transition[data-v-e375b7ca]{place-items:center;display:grid;position:relative}.logo-transition .logo[data-v-e375b7ca]{margin-bottom:clamp(-2rem,20vw,-60rem);animation:1.3s ease-in forwards newLogoIn-e375b7ca}@keyframes newLogoIn-e375b7ca{0%{opacity:0}to{opacity:1}}.project-large-view[data-v-82f61e97]{box-sizing:border-box;border-radius:1rem;width:min(100vw,500px);max-height:300px;margin-block:1rem;margin-inline:auto;padding-inline:.5rem;display:block;position:relative;overflow:hidden}.project-large-view:hover .overlay[data-v-82f61e97]{opacity:1}.project-large-view .project-image[data-v-82f61e97]{object-fit:cover;border-radius:1rem;width:100%;height:100%;transition:transform .2s ease-in-out}.project-large-view .overlay[data-v-82f61e97]{opacity:0;background-color:#00000065;border-radius:1rem;transition:opacity .2s ease-in-out;position:absolute;inset:0 .5rem .4rem}.project-large-view .overlay>span[data-v-82f61e97]{color:var(--color-txt-highlight);flex-flow:row;align-items:center;gap:.2rem;font-size:1.3rem;font-weight:600;display:flex;position:absolute;bottom:.5rem;left:.5rem}.project-large-view .overlay .external-icon[data-v-82f61e97]{position:absolute;top:.5rem;right:.5rem}.heading-border[data-v-f76c1877]{align-items:center;gap:.6rem;display:inline-flex}.heading-border .bracket[data-v-f76c1877]{-webkit-user-select:none;user-select:none;opacity:.3;font-size:.6em}.social-wrapper[data-v-a0a47af7]{width:fit-content;min-width:min(480px,100vw)}.social-wrapper h2[data-v-a0a47af7]{text-align:center}.social-wrapper .social-holder[data-v-a0a47af7]{flex-flow:wrap;justify-content:center;gap:1rem;margin-top:.6rem;display:flex}.social-wrapper .social-holder .social[data-v-a0a47af7]{background-color:var(--color-button);width:100px;height:100px;color:var(--color-txt-highlight);border-radius:.5rem;flex-flow:column;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem;transition:all .12s;display:flex}.social-wrapper .social-holder .social[data-v-a0a47af7]:focus-visible,.social-wrapper .social-holder .social[data-v-a0a47af7]:hover{background-color:var(--color-button-hover)}.social-wrapper .social-holder .social:focus-visible svg[data-v-a0a47af7],.social-wrapper .social-holder .social:hover svg[data-v-a0a47af7]{filter:grayscale(0)brightness()contrast()}.social-wrapper .social-holder .social svg[data-v-a0a47af7]{filter:grayscale()brightness(150%)contrast(150%);width:100%;height:100%;transition:all .12s}.portfolio-item[data-v-86ff5c31]{isolation:isolate;border-radius:.5rem;width:180px;height:100px;position:relative;overflow:hidden}.portfolio-item[data-v-86ff5c31]:hover,.portfolio-item[data-v-86ff5c31]:focus-within{cursor:pointer}.portfolio-item:hover img[data-v-86ff5c31],.portfolio-item:focus-within img[data-v-86ff5c31]{filter:saturate()}.portfolio-item img[data-v-86ff5c31]{filter:saturate(0);object-fit:cover;z-index:-1;width:100%;height:100%;transition:filter .2s ease-in-out}.portfolio-item .overlay[data-v-86ff5c31]{color:#fff;opacity:0;z-index:5;background:linear-gradient(#0000 0%,#00000080 100%);gap:.3rem;text-decoration:none;transition:all .2s ease-in-out;position:absolute;inset:0}.portfolio-item .overlay[data-v-86ff5c31]:hover{opacity:1}.portfolio-item .overlay>span[data-v-86ff5c31]{flex-flow:row;align-items:center;gap:.2rem;font-size:.7rem;display:flex;position:absolute;bottom:.5rem;left:.5rem}.portfolio-item .overlay>span .slash[data-v-86ff5c31]{opacity:.8;font-size:.6rem;font-weight:800}.portfolio-item .overlay>span svg[data-v-86ff5c31]{width:1em;height:1em}.portfolio-item .overlay .external-icon[data-v-86ff5c31]{position:absolute;top:.5rem;right:.5rem}.portfolio-wrapper[data-v-75699884]{--_width:640px;min-width:min(var(--_width), 100vw);width:min(var(--_width), 100vw)}.portfolio-wrapper h2[data-v-75699884]{text-align:center}.portfolio-wrapper:hover .portfolio-holder .button-left[data-v-75699884],.portfolio-wrapper:hover .portfolio-holder .button-right[data-v-75699884],.portfolio-wrapper:focus-within .portfolio-holder .button-left[data-v-75699884],.portfolio-wrapper:focus-within .portfolio-holder .button-right[data-v-75699884]{opacity:.7}.portfolio-wrapper .portfolio-holder[data-v-75699884]{margin-top:.6rem;position:relative}.portfolio-wrapper .portfolio-holder[data-v-75699884]:before,.portfolio-wrapper .portfolio-holder[data-v-75699884]:after{content:"";z-index:5;opacity:0;width:1rem;height:100%;transition:opacity .2s ease-in-out;position:absolute;top:0}.portfolio-wrapper .portfolio-holder.scrolled[data-v-75699884]:before{opacity:1;background:linear-gradient(to left, transparent, var(--color-background));left:0}.portfolio-wrapper .portfolio-holder[data-v-75699884]:after{opacity:1;background:linear-gradient(to right, transparent, var(--color-background));right:0}.portfolio-wrapper .portfolio-holder .portfolio-list[data-v-75699884]{max-width:calc(var(--_width));grid-auto-flow:column;gap:1rem;display:grid;overflow-x:scroll}.portfolio-wrapper .portfolio-holder .portfolio-list[data-v-75699884]::-webkit-scrollbar{display:none}.portfolio-wrapper .portfolio-holder .button-left[data-v-75699884],.portfolio-wrapper .portfolio-holder .button-right[data-v-75699884]{background-color:var(--color-button);opacity:0;width:2rem;height:2rem;color:var(--color-txt-highlight);cursor:pointer;z-index:12;border:none;border-radius:50%;place-items:center;transition:all .12s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-wrapper .portfolio-holder .button-left[data-v-75699884]{left:0}.portfolio-wrapper .portfolio-holder .button-right[data-v-75699884]{right:0}.portfolio-wrapper .scroll-hint[data-v-75699884]{text-transform:uppercase;opacity:.4;text-align:center;cursor:pointer;width:100%;margin-top:1.1rem;font-size:.6rem;transition:opacity .4s ease-in-out;display:block}.portfolio-wrapper:has(.scrolled) .scroll-hint[data-v-75699884]{opacity:0}.email-wrapper[data-v-cdf3766b]{width:fit-content;min-width:min(480px,100vw)}.email-wrapper h2[data-v-cdf3766b]{text-align:center}.email-wrapper .email-holder[data-v-cdf3766b]{background-color:var(--color-button);border-radius:.5rem;flex-flow:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.6rem;padding:.7rem;display:flex}.email-wrapper .email-holder .email-address[data-v-cdf3766b]{color:var(--color-txt-highlight)}.email-wrapper .email-holder .buttons[data-v-cdf3766b]{flex-flow:row;gap:.5rem;margin-left:auto;display:flex}.email-wrapper .email-holder .buttons button[data-v-cdf3766b],.email-wrapper .email-holder .buttons a[data-v-cdf3766b]{all:unset;width:24px;height:24px;color:var(--color-txt);cursor:pointer;border-radius:4px;margin-left:3px;padding:4px;font-size:20px;transition:background-color .12s}.email-wrapper .email-holder .buttons button[data-v-cdf3766b]:focus-visible,.email-wrapper .email-holder .buttons button[data-v-cdf3766b]:hover,.email-wrapper .email-holder .buttons a[data-v-cdf3766b]:focus-visible,.email-wrapper .email-holder .buttons a[data-v-cdf3766b]:hover{color:var(--color-txt-highlight)}.email-wrapper .email-holder .buttons button[data-v-cdf3766b]:focus-visible:focus-visible,.email-wrapper .email-holder .buttons button[data-v-cdf3766b]:hover:focus-visible,.email-wrapper .email-holder .buttons a[data-v-cdf3766b]:focus-visible:focus-visible,.email-wrapper .email-holder .buttons a[data-v-cdf3766b]:hover:focus-visible{outline:1px solid var(--color-highlighted)}.floaties-container[data-v-a89833fe]{-webkit-user-select:none;user-select:none;z-index:-1;opacity:.3;animation:3s forwards floatiesFadeIn-a89833fe;position:fixed;inset:0}.floaty[data-v-a89833fe]{animation:6.5s ease-in-out infinite float-a89833fe;display:inline-block;position:absolute}@keyframes floatiesFadeIn-a89833fe{0%{opacity:0}}@keyframes float-a89833fe{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(10px)rotate(-10deg)}50%{transform:translateY(-10px)rotate(10deg)}75%{transform:translateY(10px)rotate(-10deg)}to{transform:translateY(0)rotate(0)}}#logo[data-v-4dbfa7ec]{flex-direction:column;justify-content:center;align-items:center;padding-top:20svh;display:flex;position:relative}#logo h1[data-v-4dbfa7ec]{color:#fff;--_offset:2px;--_neg_offset:calc(-1 * var(--_offset));--_color:#000;text-shadow:var(--_neg_offset) var(--_neg_offset) 0 var(--_color), var(--_offset) var(--_neg_offset) 0 var(--_color), var(--_neg_offset) var(--_offset) 0 var(--_color), var(--_offset) var(--_offset) 0 var(--_color);font-size:clamp(2rem,3vw,4rem);animation:2s ease-in forwards colorTransition-4dbfa7ec;position:absolute;bottom:-5%}@keyframes colorTransition-4dbfa7ec{0%{color:#fff}to{color:#dbb4bf}}#about[data-v-4dbfa7ec]{text-align:center;max-width:55ch;margin:max(7rem,5%) auto;font-size:1.2rem}#about p[data-v-4dbfa7ec]{padding:0 1rem}#new_project .new-project-title[data-v-4dbfa7ec]{text-align:center}#contact[data-v-4dbfa7ec],#socials[data-v-4dbfa7ec],#portfolio[data-v-4dbfa7ec]{width:fit-content;margin:max(7rem,5%) auto}#footer[data-v-4dbfa7ec]{text-align:center;margin-top:max(20rem,15%);font-size:.6rem}