@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: #ffffff;--color-txt: #c4cdd7;--color-txt-brand: #e9a8ba}body.light{--color-background: #ffffff;--color-foreground: #c5c5c5;--color-button: #9e9e9e;--color-button-hover: #898a8d;--color-txt-highlight: #000000;--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: #ffffff;--color-txt: #e2e6eb;--color-txt-brand: #f3ccd5}body{position:relative;background-color:var(--color-background)!important;color:var(--color-txt);font-family:Poppins,Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;height:100%;height:100svh;height:100dvh;width:100%;width:100svw;width:100dvw;overflow-x:hidden;overflow-y:scroll}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none}* ::-webkit-scrollbar{display:none}a{text-decoration:none;color:var(--color-txt-brand)}a:active,a:hover{text-decoration:underline}h1,h2{color:var(--color-txt-highlight)}.logo-transition[data-v-68ebc736]{position:relative;display:grid;place-items:center}.logo-transition .logo[data-v-68ebc736]{font-size:clamp(12rem,20vw,30rem)}.logo-transition .logo-old[data-v-68ebc736]{position:absolute;margin-inline:auto;visibility:hidden;z-index:1}.logo-transition .logo[data-v-68ebc736]:not(.logo-old){font-size:clamp(18rem,20vw,36rem);animation:newLogoIn-68ebc736 forwards 1.3s ease-in}@keyframes oldLogoOut-68ebc736{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@keyframes newLogoIn-68ebc736{0%{opacity:0}to{opacity:1}}.project-large-view[data-v-e906253a]{width:min(100vw,500px);max-height:300px;padding-inline:.5rem;border-radius:1rem;overflow:hidden;position:relative;display:block;margin-inline:auto;margin-block:1rem;box-sizing:border-box}.project-large-view:hover .overlay[data-v-e906253a]{opacity:1}.project-large-view .project-image[data-v-e906253a]{width:100%;height:100%;object-fit:cover;border-radius:1rem;transition:transform .2s ease-in-out}.project-large-view .overlay[data-v-e906253a]{position:absolute;top:0;right:.5rem;bottom:.4rem;left:.5rem;background-color:#00000065;border-radius:1rem;opacity:0;transition:opacity .2s ease-in-out}.project-large-view .overlay>span[data-v-e906253a]{display:flex;flex-flow:row nowrap;align-items:center;gap:.2rem;position:absolute;left:.5rem;bottom:.5rem;font-size:1.3rem;font-weight:600;color:var(--color-txt-highlight)}.project-large-view .overlay .external-icon[data-v-e906253a]{position:absolute;top:.5rem;right:.5rem}.social-wrapper[data-v-200ece2f]{min-width:min(480px,100vw);width:fit-content;padding:1rem;background-color:var(--color-foreground);border-radius:.5rem}.social-wrapper .social-holder[data-v-200ece2f]{display:flex;flex-flow:row wrap;justify-content:center;gap:1rem;margin-top:.6rem}.social-wrapper .social-holder .social[data-v-200ece2f]{width:100px;height:100px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-between;transition:all .12s;gap:.5rem;background-color:var(--color-button);color:var(--color-txt-highlight);border-radius:.5rem;padding:.7rem}.social-wrapper .social-holder .social[data-v-200ece2f]:focus-visible,.social-wrapper .social-holder .social[data-v-200ece2f]:hover{background-color:var(--color-button-hover)}.social-wrapper .social-holder .social:focus-visible svg[data-v-200ece2f],.social-wrapper .social-holder .social:hover svg[data-v-200ece2f]{filter:grayscale(0) brightness(100%) contrast(100%)}.social-wrapper .social-holder .social svg[data-v-200ece2f]{width:100%;height:100%;transition:all .12s;filter:grayscale(100%) brightness(150%) contrast(150%)}.portfolio-item[data-v-03964b0d]{position:relative;width:180px;height:100px;border-radius:.5rem;overflow:hidden;isolation:isolate}.portfolio-item[data-v-03964b0d]:hover{cursor:pointer}.portfolio-item:hover img[data-v-03964b0d]{filter:saturate(1)}.portfolio-item img[data-v-03964b0d]{width:100%;height:100%;transition:filter .2s ease-in-out;filter:saturate(0);object-fit:cover;z-index:-1}.portfolio-item .overlay[data-v-03964b0d]{position:absolute;gap:.3rem;top:0;right:0;bottom:0;left:0;background-color:#00000080;background:linear-gradient(0deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);color:#fff;text-decoration:none;opacity:0;transition:all .2s ease-in-out;z-index:5}.portfolio-item .overlay[data-v-03964b0d]:hover{opacity:1}.portfolio-item .overlay>span[data-v-03964b0d]{display:flex;flex-flow:row nowrap;align-items:center;gap:.2rem;position:absolute;left:.5rem;bottom:.5rem;font-size:.7rem}.portfolio-item .overlay>span .slash[data-v-03964b0d]{font-size:.6rem;opacity:.8;font-weight:800}.portfolio-item .overlay>span svg[data-v-03964b0d]{width:1em;height:1em}.portfolio-item .overlay .external-icon[data-v-03964b0d]{position:absolute;top:.5rem;right:.5rem}.portfolio-wrapper[data-v-2a04371b]{min-width:min(480px,100vw);width:min(480px,100vw);padding:1rem;background-color:var(--color-foreground);border-radius:.5rem}.portfolio-wrapper:hover .portfolio-holder .button-left[data-v-2a04371b],.portfolio-wrapper:hover .portfolio-holder .button-right[data-v-2a04371b]{opacity:.7}.portfolio-wrapper .portfolio-holder[data-v-2a04371b]{position:relative;margin-top:.6rem}.portfolio-wrapper .portfolio-holder[data-v-2a04371b]:before,.portfolio-wrapper .portfolio-holder[data-v-2a04371b]:after{content:"";position:absolute;width:1rem;height:100%;top:0;z-index:5;opacity:0;transition:opacity .2s ease-in-out}.portfolio-wrapper .portfolio-holder.scrolled[data-v-2a04371b]:before{left:0;opacity:1;background:linear-gradient(to left,transparent,var(--color-foreground))}.portfolio-wrapper .portfolio-holder[data-v-2a04371b]:after{right:0;opacity:1;background:linear-gradient(to right,transparent,var(--color-foreground))}.portfolio-wrapper .portfolio-holder .portfolio-list[data-v-2a04371b]{display:grid;grid-auto-flow:column;gap:1rem;max-width:calc(480px - 2rem);overflow-x:scroll;padding-right:2rem}.portfolio-wrapper .portfolio-holder .portfolio-list[data-v-2a04371b]::-webkit-scrollbar{display:none}.portfolio-wrapper .portfolio-holder .button-left[data-v-2a04371b],.portfolio-wrapper .portfolio-holder .button-right[data-v-2a04371b]{position:absolute;top:50%;display:grid;place-items:center;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;border:none;background-color:var(--color-button);transition:all .12s;opacity:0;color:var(--color-txt-highlight);cursor:pointer;z-index:12}.portfolio-wrapper .portfolio-holder .button-left[data-v-2a04371b]{left:0}.portfolio-wrapper .portfolio-holder .button-right[data-v-2a04371b]{right:0}.email-wrapper[data-v-ee0b85f3]{min-width:min(480px,100vw);width:fit-content;padding:1rem;background-color:var(--color-foreground);border-radius:.5rem}.email-wrapper .email-holder[data-v-ee0b85f3]{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:1rem;background-color:var(--color-button);border-radius:.5rem;padding:.7rem;margin-top:.6rem}.email-wrapper .email-holder .email-address[data-v-ee0b85f3]{color:var(--color-txt-highlight)}.email-wrapper .email-holder .buttons[data-v-ee0b85f3]{display:flex;flex-flow:row nowrap;gap:.5rem;margin-left:auto}.email-wrapper .email-holder .buttons button[data-v-ee0b85f3],.email-wrapper .email-holder .buttons a[data-v-ee0b85f3]{all:unset;padding:4px;width:24px;height:24px;margin-left:3px;border-radius:4px;transition:background-color .12s;color:var(--color-txt);cursor:pointer}.email-wrapper .email-holder .buttons button[data-v-ee0b85f3]:focus-visible,.email-wrapper .email-holder .buttons button[data-v-ee0b85f3]:hover,.email-wrapper .email-holder .buttons a[data-v-ee0b85f3]:focus-visible,.email-wrapper .email-holder .buttons a[data-v-ee0b85f3]:hover{color:var(--color-txt-highlight)}.email-wrapper .email-holder .buttons button[data-v-ee0b85f3]:focus-visible:focus-visible,.email-wrapper .email-holder .buttons button[data-v-ee0b85f3]:hover:focus-visible,.email-wrapper .email-holder .buttons a[data-v-ee0b85f3]:focus-visible:focus-visible,.email-wrapper .email-holder .buttons a[data-v-ee0b85f3]:hover:focus-visible{outline:1px solid var(--color-highlighted)}#logo[data-v-33eb4e56]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:20%;padding-top:20vh;padding-top:20svh}#logo h1[data-v-33eb4e56]{position:absolute;font-size:clamp(2rem,3vw,4rem);color:#fff;animation:colorTransition-33eb4e56 2s ease-in forwards;bottom:-5%;--_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)}@keyframes colorTransition-33eb4e56{0%{color:#fff}to{color:#dbb4bf}}#about[data-v-33eb4e56]{max-width:55ch;margin:max(7rem,5%) auto;text-align:center;font-size:1.2rem}#about p[data-v-33eb4e56]{padding:0 1rem}#new_project .new-project-title[data-v-33eb4e56]{text-align:center}#contact[data-v-33eb4e56],#socials[data-v-33eb4e56],#portfolio[data-v-33eb4e56]{width:fit-content;margin:max(7rem,5%) auto}#footer[data-v-33eb4e56]{margin-top:max(20rem,15%);text-align:center;font-size:.6rem}