*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-size:62.5%;font-style:normal}:root{--mobile: 768px;--tablet: 1024px;--desktop: 1280px;--mouse-x: 50%;--mouse-y: 50%;--bg-effect-radius: 100dvh;--bg-colorful-gradient: url(/colorful-gradient.jpg);--color-primary-100: rgb(0, 0, 0, .1);--color-primary-200: rgb(0, 0, 0, .2);--color-primary-300: rgb(0, 0, 0, .3);--color-primary-400: rgb(0, 0, 0, .4);--color-primary-500: rgb(0, 0, 0, .5);--color-primary-600: rgb(0, 0, 0, .6);--color-primary-700: rgb(0, 0, 0, .7);--color-primary-800: rgb(0, 0, 0, .8);--color-primary-900: rgb(0, 0, 0, .9);--color-primary: rgb(0, 0, 0);--color-secondary-100: rgb(15, 15, 15, .1);--color-secondary-200: rgb(15, 15, 15, .2);--color-secondary-300: rgb(15, 15, 15, .3);--color-secondary-400: rgb(15, 15, 15, .4);--color-secondary-500: rgb(15, 15, 15, .5);--color-secondary-600: rgb(15, 15, 15, .6);--color-secondary-700: rgb(15, 15, 15, .7);--color-secondary-800: rgb(15, 15, 15, .8);--color-secondary-900: rgb(15, 15, 15, .9);--color-secondary: rgb(15, 15, 15);--color-accent-100: rgb(128, 128, 128, .1);--color-accent-200: rgb(128, 128, 128, .2);--color-accent-300: rgb(128, 128, 128, .3);--color-accent-400: rgb(128, 128, 128, .4);--color-accent-500: rgb(128, 128, 128, .5);--color-accent-600: rgb(128, 128, 128, .6);--color-accent-700: rgb(128, 128, 128, .7);--color-accent-800: rgb(128, 128, 128, .8);--color-accent-900: rgb(128, 128, 128, .9);--color-accent: rgb(128, 128, 128);--color-text-100: rgb(255, 255, 255, .1);--color-text-200: rgb(255, 255, 255, .2);--color-text-300: rgb(255, 255, 255, .3);--color-text-400: rgb(255, 255, 255, .4);--color-text-500: rgb(255, 255, 255, .5);--color-text-600: rgb(255, 255, 255, .6);--color-text-700: rgb(255, 255, 255, .7);--color-text-800: rgb(255, 255, 255, .8);--color-text-900: rgb(255, 255, 255, .9);--color-text: rgb(255, 255, 255);--color-alert-100: rgb(255, 0, 0, .1);--color-warning-100: rgb(255, 150, 0, .1);--color-warning-400: rgb(255, 150, 0, .4);--color-warning: rgb(255, 150, 0);--color-wip-100: rgba(164, 159, 116, .1);--color-info-100: rgb(0, 0, 255, .1);--color-info-200: rgb(0, 0, 255, .2);--color-info-300: rgb(0, 0, 255, .3);--color-info-400: rgb(0, 0, 255, .4);--color-info-500: rgb(0, 0, 255, .5);--color-info-600: rgb(0, 0, 255, .6);--color-info-700: rgb(0, 0, 255, .7);--color-info-800: rgb(0, 0, 255, .8);--color-info-900: rgb(0, 0, 255, .9);--color-info: rgb(0, 0, 255);--color-success-100: rgb(0, 255, 0, .1);--color-success-200: rgb(0, 255, 0, .2);--color-success-400: rgb(0, 255, 0, .4);--color-success: rgb(0, 255, 0);--font-primary: "inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-code: "Fira Code", "JetBrains Mono", "Source Code Pro", "Courier New", monospace;--font-size-header-1-mobile: 4.5rem;--font-size-header-1-tablet: 6rem;--font-size-header-1-desktop: 7.5rem;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-black: 900;color-scheme:dark light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}@keyframes sonar-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.4}70%{transform:translate(-50%,-50%) scale(3);opacity:0}to{opacity:0}}@keyframes fade-out{0%{transform:scaleX(1);transform:translate(-50%);opacity:1}to{transform:scaleX(.5);transform:translate(0);opacity:0}}body{background-color:#000}header{display:flex;flex-direction:column;justify-content:space-between;align-items:start;margin-bottom:4.5rem}section{margin-bottom:4.5rem}h1{color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-size-header-1-mobile);font-weight:var(--font-weight-black)}h2{color:var(--color-text);font-family:var(--font-primary);font-size:3rem;font-weight:var(--font-weight-semibold)}em{border:1px solid var(--color-accent-100);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:var(--color-accent-200);border-radius:4px;font-size:inherit;padding-inline:2px}button{border:none;outline:none;background:none;cursor:pointer}.separator{border-bottom:1px solid var(--color-accent-100);border-radius:4px;margin:2rem 0}.invisible{visibility:hidden;opacity:0}ul,ol{list-style:none}code{background:linear-gradient(0deg,var(--color-text-700) 0%,var(--color-text) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-code);font-size:inherit;font-weight:var(--font-weight-light)}a{text-decoration:none;color:inherit}.custom-btn{padding:4px;border-radius:30px;font-family:var(--font-primary);font-weight:var(--font-weight-semibold);background-color:var(--color-secondary-400);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:all .1s ease-in-out;color:var(--color-text)}.custom-btn:hover{background-color:var(--color-accent-400)}.custom-btn,.custom-btn__thumbnail{border:1px solid var(--color-accent-300)}.custom-btn .custom-btn__wrapper{display:flex;align-items:center;justify-content:space-between;gap:1rem}.custom-btn__thumbnail{width:30px;height:30px;border-radius:50%}.custom-btn__text{font-size:1.25rem;margin-right:1rem;color:var(--color-text)}@media screen and (min-width: 1024px){.custom-btn .custom-btn__wrapper{gap:1.25rem}.custom-btn__thumbnail{width:45px;height:45px;border-radius:50%}.custom-btn__text{font-size:1.75rem;margin-right:1.5rem;color:var(--color-text)}}.tag{display:inline-block;font-size:1.25rem;border:1px solid var(--color-accent-100);border-radius:30px;padding:1px 8px;background:linear-gradient(var(--color-accent-200) 0%,var(--color-accent-100) 50%,var(--color-accent-200) 100%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:var(--color-text);font-family:var(--font-primary)}.card{display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;box-shadow:0 0 10px #0000001a;background-color:var(--color-secondary-400);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .3s;border:1px solid var(--color-accent-100);font-family:var(--font-primary);padding:1.5rem}.card__thumbnail{display:block;aspect-ratio:16 / 9;height:100px;width:100%;border-radius:10px;object-fit:cover;margin-bottom:1.5rem}.card__meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.card__date{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:var(--font-weight-normal);color:var(--color-text-400)}.card__status{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-400);position:relative}.card__status--wip{font-size:1rem;color:var(--color-warning-400)}.card__status--completed{font-size:1.5rem;color:var(--color-success-400)}.card__title{display:flex;flex-direction:row;align-items:center;gap:1rem;font-size:2.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:1rem}.card__link{display:flex;flex-direction:row;align-items:center}.card__link-icon{width:24px;height:24px;fill:var(--color-accent-400);cursor:pointer}.card__link-icon:hover{fill:var(--color-accent-900);transition:all .1s}.card__description{font-size:1.5rem;font-weight:var(--font-weight-normal);color:var(--color-text-700);margin-bottom:1.5rem}.card__tags{display:flex;flex-direction:row;gap:.5rem}@media screen and (min-width: 1024px){.card{justify-content:start}.card__meta{align-items:center;margin-bottom:1.5rem}.card__thumbnail{height:150px;margin-bottom:1.5rem}.card__date{font-size:1.5rem}.card__status{font-size:1.15rem}.card__status--wip{font-size:.85rem}.card__status--completed{font-size:1.5rem;color:var(--color-success-400)}.card__title{gap:1.25rem;font-size:2.5rem;margin-bottom:1.25rem}.card__link{display:flex;flex-direction:row;align-items:center}.card__description{font-size:1.5rem;font-weight:var(--font-weight-normal);color:var(--color-text-700);margin-bottom:1.5rem}.card__tags{display:flex;flex-direction:row;gap:.5rem}}.icons-list__container{display:flex;flex-direction:row;align-items:center;gap:8em}.icons-list__vector{font-size:60em;color:var(--color-text-800)}@media screen and (min-width: 1024px){.icons-list__container{display:flex;flex-direction:row;align-items:center;gap:10em}.icons-list__vector{font-size:80em;color:var(--color-text-800)}}.navigation{position:fixed;height:fit-content;right:50dvw;transform:translate(50%);bottom:2rem;display:flex;padding:4px 6px;gap:6px;justify-content:space-between;align-items:center;border:1px solid var(--color-accent-300);border-radius:12px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--color-secondary-800);z-index:1000}.navigation__home{border-right:1px solid var(--color-accent-300);padding-inline-end:6px}.navigation__links{display:flex;gap:6px;align-items:center}@media screen and (min-width: 1024px){.navigation{position:fixed;top:1rem}}.touchable,.touchable--active{display:flex;align-items:center;justify-content:center;padding:8px 16px;gap:1rem;border-radius:12px;outline:1px solid transparent;transition:outline .1s ease-in-out}.touchable:hover:not(.touchable--active){background-color:var(--color-accent-100);outline:1px solid var(--color-accent-300)}.touchable--active{background-color:var(--color-accent-200);outline:1px solid var(--color-accent-400)}.touchable__text{display:none;cursor:pointer}.touchable__icon{font-size:2rem;color:var(--color-text-800);cursor:pointer}@media screen and (min-width: 768px){.touchable__text{display:block;font-size:1.5rem;font-family:var(--font-primary);color:var(--color-text)}}.footer{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.footer__text{color:var(--color-text-700);font-family:var(--font-primary);font-size:1rem;font-style:normal;font-weight:var(--font-weight-normal);line-height:150%}@media screen and (min-width: 1024px){.footer__text{color:var(--color-text-700);font-family:var(--font-primary);font-size:1rem;font-style:normal;font-weight:var(--font-weight-normal);line-height:150%}}.pill{display:flex;align-items:center;justify-content:center;background-color:var(--color-accent-100);border:1px solid var(--color-accent-400);width:fit-content;gap:.8rem;border-radius:50px;padding:.5rem .5rem .5rem 1rem;margin-bottom:1rem}.pill__icon{font-size:20px;color:var(--color-accent-800)}.pill__text{font-family:var(--font-primary);font-size:1.25rem;display:block;font-weight:500;color:var(--color-text)}.pill__btn{display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;background-color:var(--color-primary-600);border-radius:100px;outline:1px solid var(--color-accent-500)!important;transition:all .1s ease-in-out}.pill__btn:hover{background-color:var(--color-accent-400)!important;outline:1px solid var(--color-accent-800)!important}.pill__btn-icon{height:20px;width:20px;color:var(--color-text-900)}@media screen and (min-width: 1024px){.pill{display:flex;align-items:center;justify-content:center;background-color:var(--color-accent-100);border:1px solid var(--color-accent-400);width:fit-content;gap:2rem;border-radius:50px;padding:.5rem .5rem .5rem 2rem}.pill__icon{font-size:20px;color:var(--color-accent-800)}.pill__text{font-family:var(--font-primary);font-size:1.5rem;display:block;font-weight:500}.pill__btn{display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;background-color:var(--color-primary-600);border-radius:100px;outline:1px solid var(--color-accent-500)!important;transition:all .1s ease-in-out}.pill__btn:hover{background-color:var(--color-accent-400)!important;outline:1px solid var(--color-accent-800)!important}.pill__btn-icon{height:20px;width:20px;color:var(--color-text-900)}}.header{margin-bottom:3rem}.header_title{font-size:5rem;line-height:120%;letter-spacing:-2.25px;margin-bottom:2rem;background:linear-gradient(0deg,var(--color-text-700) 0%,var(--color-text) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header_description{color:var(--color-text-700);font-family:var(--font-primary);font-size:2rem;font-style:normal;font-weight:var(--font-weight-normal);line-height:150%;margin-bottom:2rem}.showcase__projects,.madskills__events{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.showcase__header,.madskills__header{line-height:115%;margin-bottom:.75rem;font-size:3.25rem}.showcase__description,.madskills__description{color:var(--color-text-700);font-family:var(--font-primary);font-size:1.75rem;font-style:normal;font-weight:var(--font-weight-normal);line-height:150%;margin-bottom:2rem}.header__cta-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4rem}.madskills__header{display:flex;flex-direction:row;align-items:center;gap:1rem}.madskills__copy{color:var(--color-accent-400);cursor:pointer}.madskills__copy:hover{color:var(--color-accent-900);transition:all .1s}.madskills__tooltip{display:none;border-radius:6px;padding:.5rem 1rem;background-color:var(--color-accent-400);color:var(--color-text);font-family:var(--font-primary);font-size:1.25rem;font-weight:var(--font-weight-semibold);line-height:150%;z-index:1000}.circle-sonar{border-radius:50%;position:relative;background-color:var(--color-success-400);width:8px;height:8px}.circle-sonar:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--color-success-400);border-radius:50%;transform:translate(-50%,-50%) scale(1);opacity:.4}.circle-sonar:before{animation:sonar-pulse 2s infinite ease-out}.circle-sonar:after{animation:sonar-pulse 2s infinite ease-out;animation-delay:1s}.octocat,.octocat--invisible{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:100px;height:100px;background-image:url(octocat.png);background-size:contain;background-repeat:no-repeat;z-index:-1;opacity:1;filter:brightness(.25) invert(1)}.octocat--invisible{opacity:0;animation:fade-out .5s ease-in-out}@media screen and (min-width: 1024px){.header_title{font-size:8rem;margin-bottom:2rem}.header_description{font-size:2.5rem;margin-bottom:2rem}.showcase__header,.madskills__header{font-size:5rem}.showcase__description,.madskills__description{font-size:2rem}.madskills__header{display:flex;flex-direction:row;align-items:center;gap:1rem}.madskills__copy{color:var(--color-accent-400);cursor:pointer}.madskills__copy:hover{color:var(--color-accent-900);transition:all .1s}.madskills__tooltip{display:block;border-radius:6px;padding:.5rem 1rem;background-color:var(--color-accent-400);color:var(--color-text);font-family:var(--font-primary);font-size:1.25rem;font-weight:var(--font-weight-semibold);line-height:150%;z-index:1000}}.about{display:flex;flex-direction:column;padding:2rem}.header__tag{display:none;flex-direction:row;align-items:center;gap:.5rem;font-size:1.25rem;font-family:var(--font-primary);color:var(--color-text-800);cursor:default}.about__portrait{width:150px;height:auto;object-fit:cover;border-radius:100%;border:3px solid var(--color-accent-400)}.about__aside{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.about__section{display:flex;flex-direction:column}.about__me{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.about__name{font-size:3.25rem;letter-spacing:-2px;background:linear-gradient(0deg,var(--color-text-700) 0%,var(--color-text) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-right:.5rem;text-align:center}.about__role{font-size:3rem;font-weight:300;color:var(--color-text-500);line-height:25px}.about__links{padding-top:2rem;display:flex;gap:2rem}.about__link{padding:.5rem 1rem;background-color:var(--color-primary-100);outline:1px solid var(--color-accent-400);border-radius:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s ease-in-out}.about__link:hover{background-color:var(--color-accent-400);color:var(--color-text-500);outline:1px solid var(--color-accent-500)}.about__location{display:flex;gap:.75rem;align-items:center;font-weight:400;font-family:var(--font-primary);font-size:1.25rem;color:var(--color-text)}.about__location-icon{font-size:1.75rem;color:var(--color-accent-800)}.about__tags{display:flex;gap:.75rem}.about__tag{background:var(--color-primary-400);outline:1px solid var(--color-accent-400);border-radius:1rem;font-size:1rem;font-family:var(--font-primary)}.about__description{margin-top:2rem;display:flex;flex-direction:column;gap:2rem}.about__description-intro{font-family:var(--font-primary);color:var(--color-text-900);font-size:1.75rem;font-weight:400;margin-block:1.75rem}.skills__header,.soft-skills__header{font-size:2.5rem;font-weight:800;color:var(--color-text);font-family:var(--font-primary);text-transform:capitalize}.skill{display:flex;flex-direction:column;gap:1rem}.skill__header{display:flex;flex-direction:row;align-items:center;font-size:2rem;font-family:var(--font-primary);color:var(--color-text-500);cursor:default;margin-top:1.75rem}.skill__description{font-family:var(--font-primary);color:var(--color-text-900);font-size:1.5rem;font-weight:300}.skill__icons{justify-content:center;padding:1.25rem 0;gap:1rem}.skill__icons svg{font-size:3rem}.skill__icons{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.skill__icons.visible{opacity:1;transform:translateY(0)}.soft-skills__container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25rem;padding-block:2rem}.soft-skills__tag{font-family:var(--font-code)}@media screen and (min-width: 1024px){.about{display:grid;grid-template-columns:1fr 3fr;gap:2rem;padding:2rem}.about__portrait{width:200px;height:auto;object-fit:cover;border-radius:100%;border:3px solid var(--color-accent-400)}.about__aside{position:fixed;display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center}.about__section,.skills,.soft-skills{grid-column:2 / 2;padding:0 5rem;display:flex;flex-direction:column;gap:2rem}.about__me{display:flex;flex-direction:column;align-items:start}.about__name{text-wrap:nowrap;font-size:7rem;letter-spacing:-2px;background:linear-gradient(0deg,var(--color-text-700) 0%,var(--color-text) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-right:.5rem}.about__role{font-size:5rem;font-weight:300;color:var(--color-text-500);margin-top:1.25rem}.about__links{padding-top:5rem;display:flex;gap:2rem}.about__link{padding:.5rem 1rem;background-color:var(--color-primary-100);outline:1px solid var(--color-accent-400);border-radius:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s ease-in-out}.about__link:hover{background-color:var(--color-accent-400);color:var(--color-text-500);outline:1px solid var(--color-accent-500)}.about__location{display:flex;gap:1rem;align-items:center;font-weight:400;font-family:var(--font-primary);font-size:1.5rem;color:var(--color-text)}.about__location-icon{font-size:2rem;color:var(--color-accent-800)}.about__tags{display:flex;gap:1rem}.about__tag{background:var(--color-primary-400);outline:1px solid var(--color-accent-400);border-radius:1rem;font-family:var(--font-primary)}.about__description{padding-block:1rem;display:flex;flex-direction:column;gap:2rem}.about__description-intro{font-family:var(--font-primary);color:var(--color-text-900);text-align:justify;font-size:2.25rem;font-weight:400}.skills__header,.soft-skills__header{font-size:4rem}.skill{margin-bottom:2rem}.skill__header{font-size:3rem;margin-top:0}.skill__description{font-size:2rem}.skill__icons{gap:1.25rem}.skill__icons svg{font-size:4.75rem}.soft-skills__container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;padding-block:2rem}.soft-skills__tag{font-family:var(--font-code)}}#root{background:var(--bg-colorful-gradient);background-size:cover;background-attachment:fixed}.background-reveal{background:radial-gradient(var(--bg-effect-radius) at var(--mouse-x) var(--mouse-y),var(--color-primary-800) 0%,var(--color-primary) 100%);background-attachment:fixed}.body-wrapper{max-width:1024px;margin:0 auto;padding:3rem 2rem 6rem}@media screen and (min-width: 1024px){.body-wrapper{padding:8rem 2rem 1rem}}