#hero{height:100vh;position:relative}.hero{display:inline-block;position:absolute;top:25%;left:10%;padding:1rem;font-size:3rem}.hero__title{font-size:2.5em;margin-bottom:.5em}.hero__title--important{font-weight:700;font-style:italic;text-decoration:none;background-repeat:no-repeat;background-size:100% 0;background-position:0 101%;background-image:linear-gradient(to bottom,var(--primary) 0%,var(--primary) 100%);transition:color .3s ease,background-size .3s ease}.hero__title--important:hover{color:var(--on-primary);font-style:normal;background-image:linear-gradient(to bottom,var(--primary) 0%,var(--primary) 100%);background-size:100% 100%}.hero__subtitle{margin-bottom:2em}.hero__cta{display:flex;justify-content:flex-end;font-size:.5em;gap:2em}.hero__cta--primary{border:none;background-color:var(--primary);color:var(--on-primary);padding:.5em}.hero__cta--secondary{border:none;background-color:var(--secondary);color:var(--on-secondary);padding:.5em}.hero__scrolldown{position:absolute;top:calc(95% - 3em);left:50%;color:var(--on-background);animation:scrollDownAnimation 2s ease-in-out infinite}.hero__scrolldown--hidden{visibility:hidden}@keyframes scrollDownAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(1em)}}@media only screen and (max-width: 650px){.hero{font-size:2rem;top:5%;left:1%}}@media only screen and (max-width: 1080px) and (min-width: 651px){.hero{font-size:3rem;top:7%;left:1%}}#ascii-background{position:fixed;top:0;left:0;z-index:-1;background-color:var(--background)}#about{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:5rem}.about__bio{padding:1% 10%;overflow:hidden;text-align:center;backdrop-filter:blur(10px);transition:.3s linear}.about__bio:hover{background-color:var(--background);outline:solid var(--on-background) .3rem}.about__projects{display:flex;flex-direction:column;gap:.5rem}.about__projects__cards{padding:1% 10%;display:flex;flex-wrap:wrap;gap:2rem}.marquee{backdrop-filter:blur(10px);transition:.3s linear;overflow:hidden;user-select:none;display:flex;gap:3rem}@media (max-width: 1080px){.marquee{gap:1rem}}.marquee:hover{background-color:var(--background);outline:solid var(--on-background) .3rem}.marquee:hover .marquee__content{animation-play-state:running}.marquee__content{list-style:none;flex-shrink:0;min-width:100%;display:flex;align-items:center;padding:0;gap:3rem;animation:marquee 20s linear infinite;animation-play-state:paused}@media (max-width: 1080px){.marquee__content{gap:1rem}}.marquee__content__item{font-size:3rem;font-weight:700;text-wrap:nowrap}@media (max-width: 1080px){.marquee__content__item{font-size:1.5rem}}@keyframes marquee{to{transform:translate(calc(-100% - 3rem))}}@media (max-width: 1080px){@keyframes marquee{to{transform:translate(calc(-100% - 1rem))}}}.card{padding:1rem;border-radius:1rem;border:.3rem solid var(--elevation-1);backdrop-filter:blur(10px)}@media (max-width: 1080px){.card{width:100%!important;margin-bottom:1rem}}.card:hover{background:linear-gradient(var(--background),var(--background)) padding-box,linear-gradient(var(--angle),var(--background),var(--on-background)) border-box;animation:7s rotate linear infinite}.card__title{margin-bottom:.3rem}.card__subtitle{font-size:.75rem;margin:0}.card__description{height:5rem;overflow-x:hidden;overflow-y:auto}@media (max-width: 1080px){.card__description{height:auto}}.card__links{display:flex;justify-content:flex-end;align-items:center;gap:1rem;min-height:2rem}@keyframes rotate{to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.icon-link[data-astro-cid-z5k367vc]{display:inline-block;svg{fill:currentColor;width:100%;height:100%}}@font-face{font-family:Monaspace Neon;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/monaspace-neon@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/monaspace-neon@latest/latin-400-normal.woff) format("woff")}@font-face{font-family:Monaspace Neon;font-style:normal;font-display:swap;font-weight:700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/monaspace-neon@latest/latin-700-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/monaspace-neon@latest/latin-700-normal.woff) format("woff")}:root{--primary: #6200ee;--primary-variant: #3700b3;--secondary: #03dac6;--error: #b00020;--background: #ffffff;--on-primary: #ffffff;--on-secondary: #000000;--on-background: #000000;--on-error: #ffffff;--elevation-0: rgba(0, 0, 0, 0);--elevation-1: rgba(0, 0, 0, .05);--elevation-2: rgba(0, 0, 0, .07);--elevation-3: rgba(0, 0, 0, .08);--elevation-4: rgba(0, 0, 0, .09);--elevation-5: rgba(0, 0, 0, .11);--elevation-6: rgba(0, 0, 0, .12);--elevation-7: rgba(0, 0, 0, .14);--elevation-8: rgba(0, 0, 0, .15);--elevation-9: rgba(0, 0, 0, .16);--high-emphasis: rgba(0, 0, 0, .87);--medium-emphasis: rgba(0, 0, 0, .6);--disabled: rgba(0, 0, 0, .38);--divider: rgba(0, 0, 0, .12);--outline: rgba(0, 0, 0, .12)}@media (prefers-color-scheme: dark){:root{--primary: #bb86fc;--primary-variant: #3700b3;--secondary: #03dac6;--error: #cf6679;--background: #121212;--on-primary: #000000;--on-secondary: #000000;--on-background: #ffffff;--on-error: #000000;--elevation-0: rgba(255, 255, 255, 0);--elevation-1: rgba(255, 255, 255, .05);--elevation-2: rgba(255, 255, 255, .07);--elevation-3: rgba(255, 255, 255, .08);--elevation-4: rgba(255, 255, 255, .09);--elevation-5: rgba(255, 255, 255, .11);--elevation-6: rgba(255, 255, 255, .12);--elevation-7: rgba(255, 255, 255, .14);--elevation-8: rgba(255, 255, 255, .15);--elevation-9: rgba(255, 255, 255, .16);--high-emphasis: rgba(255, 255, 255, .87);--medium-emphasis: rgba(255, 255, 255, .6);--disabled: rgba(255, 255, 255, .38);--divider: rgba(255, 255, 255, .12);--outline: rgba(255, 255, 255, .12)}}h1{margin-block:.67em;font-size:2em}:root{background-color:var(--background);color:var(--on-background);font-size:16px;font-family:Monaspace Neon,monospace;min-height:100%;min-width:100%;margin:0;padding:0;scroll-behavior:smooth}body{margin:0;padding:0;min-width:100%;min-height:100%}a{color:var(--primary)}button{background-color:var(--primary);color:var(--on-primary)}.footer{width:100%;background-color:var(--primary-variant);margin-top:5rem;color:#fff}.footer__socials{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2em 0}.footer__socials a{color:#fff;margin:0 1rem;transition:transform .2s}.footer__socials a:hover{transform:scale(1.3)}.footer__copyright{text-align:center;margin:0;padding-bottom:1rem}