:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#1c212c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#abaffc;text-decoration:inherit}a:hover{color:#afb1d9}body{margin:0;display:flex;place-items:start;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--offwhite);cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,textarea,input:-internal-autofill-selected{color:#1c212c;background-color:var(--offwhite);border:1px solid var(--offwhite);height:2rem;padding:.5rem;border-radius:8px;font-size:1.125rem;font-family:monospace}textarea{height:100px}ul{list-style-type:none}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:75%}.contact-form{display:grid;grid-template-columns:1fr;gap:8px;margin:0 auto;text-align:start}.contact-form .submit{padding:8px;background-color:var(--coatepeque);color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:monospace;font-size:1.25rem}.contact-form .submit:disabled{background-color:#ccc;cursor:not-allowed}.contact-form .input-invalid{border:1px solid var(--error)}.portfolio-cards{list-style-type:none;display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:24px;overflow-x:auto;place-items:start;margin:0;padding-block:8px;padding-inline:8px}.portfolio-card{aspect-ratio:9/16;border-radius:8px;list-style-type:none;width:100%}.portfolio-card__image{border-radius:8px;max-width:100%;min-width:250px;height:auto;display:block}.portfolio-card__image-container{margin:0;border-radius:8px;position:relative}.portfolio-card__image-caption{display:none;visibility:zero;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.portfolio-card:hover .portfolio-card__image-caption,.portfolio-card__image-caption--touched{position:absolute;visibility:visible;display:block;bottom:0;background-color:var(--transparent-dark);font-family:monospace;color:var(--offwhite)}.portfolio-card__button{border:none;background-color:transparent;padding:0;cursor:pointer}.portfolio-card__button:focus,.portfolio-card__button:focus-visible{outline:2px solid var(--coatepeque);outline-offset:2px}.project-modal__header{display:flex;flex-direction:column;padding:8px 16px;background-color:#1c212c}.project-modal__header-top{display:flex;justify-content:space-between;align-items:center}.project-modal__header-top .modal_close{background-color:var(--offwhite)!important}.project-modal{background-color:#1c212c;border-radius:24px 24px 0 0;color:var(--offwhite);position:fixed;left:0;bottom:0;width:100%;height:75vh;margin:0 auto;padding-block-end:30px;padding-block-start:0;transform:translateY(100vh);transition:transform .3s ease-in-out}.project-modal[open]{overscroll-behavior-y:contain;transform:translateY(20vh);animation:swoop-up .3s ease-in-out forwards}.project-modal__content{display:grid;justify-items:center}.project-modal__description{font-family:monospace,sans-serif}.project-modal__tech-stack-icons{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding:8px 16px}.project-modal__tech-stack-icon{width:auto;height:48px}.project-modal__site-images{display:grid;gap:16px}.project-modal__site-image{max-width:640px;width:100%}.project-modal__links{list-style-type:none;text-align:start}.project-modal__link-item{display:flex;gap:8px;align-items:center;margin-block-end:8px}.project-modal__link-icon{height:24px}@keyframes swoop-up{0%{transform:translateY(100%);opacity:0}50%{opacity:1}to{transform:translateY(20vh)}}@keyframes swoop-dowm{0%{transform:translateY(20vh);opacity:1}50%{opacity:0}to{transform:translateY(100%)}}.bio-card{font-family:monospace;font-size:1.125rem;border:6px solid var(--coatepeque);border-radius:16px}@media (min-width: 768px){.bio-card__image-section{float:inline-start;shape-outside:circle(50%);margin-inline-end:2rem}}.bio-card__image{border-radius:50%;width:100%;transition:all .5s ease}@media (min-width: 768px){.bio-card__image{max-width:12rem}}@media (min-width: 1024px){.bio-card__image{max-width:24rem}}.bio-card__content{text-align:start}.bio-card__inner{padding:2rem}.bio-card__links{clear:inline-start;display:flex;flex-direction:column;gap:32px;justify-content:center}@media (min-width: 768px){.bio-card__links{flex-direction:row}}.bio-card__link{display:flex;gap:8px;align-items:center}.bio-card__link-item--button{background:transparent;color:#abaffc;padding:unset}.bio-card__link-icon{width:24px;display:inline-flex}.bio-card__text:first-of-type{font-size:1.25rem;font-weight:600}@font-face{font-family:Chomsky;src:url(/assets/Chomsky-DnGXpMRr.woff) format("woff");font-weight:400;font-style:normal}:root{--coatepeque: #4CCFBFAA;--secondary: #9f1fCF4C;--error: #CF4C5C;--offwhite: #D5D5D5;--transparent-dark: #1a1a1a}.header{font-family:Chomsky,sans-serif;font-size:3em}.subheader{font-family:monospace,sans-serif;font-size:1.25em;font-weight:600;color:var(--offwhite)}.header{color:var(--offwhite);position:relative;padding-inline:1em 0;padding-block:16px}.header:before{content:"";position:absolute;top:0;left:0;width:2em;height:2em}.header:before{background-image:url(/assets/mergente-BaoheMpD.svg);background-size:contain;background-repeat:no-repeat}.header:first-letter{font-size:0%}@media (min-width: 416px){.header:first-letter{font-size:100%}}.hero{display:grid}.logo{height:6em}.header{transition:filter .3s ease-in-out}.contact{padding-block-end:3em}