:root{font-family:Mona Sans VF,sans-serif;font-size:62.5%;line-height:1.625;font-variation-settings:"wght" 400,"wdth" 125,"opsz" 72;color:#ffffffde;background-color:#242533}@font-face{font-family:Mona Sans VF;src:url(/assets/MonaSansVF_wdth_wght_opsz_ital_-CNzYfAp6.woff2) format("woff2 supports variations"),url(/assets/MonaSansVF_wdth_wght_opsz_ital_-CNzYfAp6.woff2) format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-style:normal;font-optical-sizing:auto}@font-face{font-family:Mona Sans VF;src:url(/assets/MonaSansVF_wdth_wght_opsz_ital_-CNzYfAp6.woff2) format("woff2 supports variations"),url(/assets/MonaSansVF_wdth_wght_opsz_ital_-CNzYfAp6.woff2) format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-style:italic;font-optical-sizing:auto}html{font-family:Mona Sans VF}body{font-size:2.4rem;font-size:clamp(1.6rem,1vw + 1rem,2.4rem);margin:0;display:flex;place-items:center;min-width:320px;min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:underline}a:hover{color:inherit}p{margin-top:2rem;margin-bottom:0}h1,h2,h3,h4,h5{margin:5rem 0 0rem;line-height:1.2}h1{margin-top:0;font-size:7.594rem;font-size:clamp(4.2rem,5vw + 1rem,7.594rem)}h2{font-size:5.063rem;font-size:clamp(3.375rem,3vw + 1rem,5.063rem)}h3{font-size:3.375rem}h4{font-size:2.25rem}h5{font-size:1.5rem}small,.text_small{font-size:.667rem}figure{margin:1rem 0}figcaption{text-align:left;font-size:1.6rem}img{height:100%;width:100%;object-fit:contain}.button{border-radius:1rem;border:1px solid transparent;padding:1rem 2.4rem;margin:2rem 0;font-size:1rem;font-size:clamp(1.1rem,1vw + 1rem,1.5rem);font-family:inherit;background-color:#ffffff1a;color:#fff;cursor:pointer;transition:background-color .25s;width:fit-content;text-decoration:none;text-transform:uppercase}.button:hover{background-color:#0000001a}.button:focus,.button:focus-visible{outline:0 auto -webkit-focus-ring-color}#app{width:80%;margin:0 auto;padding:10rem 2rem 15rem;text-align:left}.app-container{display:flex;flex-direction:column;gap:10rem}.home-container{display:flex;flex-direction:column;gap:20rem}.hero{max-width:900px;margin-top:5rem}.about-me{max-width:900px}.about-me h2{margin-top:0}@media only screen and (max-width: 768px){#app{padding:3rem 2rem 8rem}h1,h2,h3,h4,h5{margin:2rem 0 0rem;line-height:1.2}.home-container{gap:15rem}.hero{margin-top:0}}.center-text[data-v-2366aa9c]{text-align:center}p[data-v-2366aa9c]{font-size:5.063rem;font-size:clamp(2rem,3vw + 1rem,5.063rem);margin:0}a[data-v-2366aa9c]{font-size:3.375rem}.fade-enter-active[data-v-7e8b7224]{animation:coming-7e8b7224 .4s;animation-delay:.2s;opacity:0}.fade-leave-active[data-v-7e8b7224]{animation:going-7e8b7224 .4s}@keyframes coming-7e8b7224{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes going-7e8b7224{0%{transform:translate(0)}to{transform:translate(-10px);opacity:0}}.project-one{grid-area:project-one}.project-two{grid-area:project-two}.project-three{grid-area:project-three}.gallery{display:grid;gap:1em;grid-auto-columns:1fr;grid-template-areas:"project-one project-three project-three" "project-two project-three project-three";margin-top:1.5em}.gallery img{object-fit:contain;height:100%;border-radius:.2em}@media only screen and (max-width: 768px){.gallery{gap:2em;grid-template-areas:"project-three" "project-one" "project-two"}}h2[data-v-29a591b5]{margin:0}.project__container[data-v-29a591b5]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10rem;position:relative}.project__content[data-v-29a591b5]{display:flex;flex-direction:column;gap:2rem;max-width:40%}.project__content-text p[data-v-29a591b5]{margin:0;font-size:clamp(1rem,1vw + 1rem,2rem)}.project__content-mockup[data-v-29a591b5]{position:relative;max-width:50%}.row-reverse[data-v-29a591b5]{flex-direction:row-reverse}.display-none[data-v-29a591b5]{display:none}@media only screen and (max-width: 768px){.project__container[data-v-29a591b5]{flex-direction:column-reverse;gap:5rem;height:100%}.project__content[data-v-29a591b5]{max-width:100%}.project__content-text p[data-v-29a591b5]{margin:0}.project__content-mockup[data-v-29a591b5]{display:flex;justify-items:center;max-width:100%}}