@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-background)}a{font-weight:500;color:var(--color-links);text-decoration:inherit}a:hover{color:var(--color-links-hover)}p{color:var(--color-font)}h1,h2{font-size:3.2em;line-height:1.1}h3{font-size:2.2em;line-height:1.1;font-family:var(--font-h3);color:var(--color-headings)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-button);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-button-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}#root{background-color:var(--color-background)}@media (max-width: 500px){#root{max-width:1280px;margin:0 auto;padding:0;line-height:1.6}a{text-decoration:none}body{width:100%;max-width:100%;margin:0 auto;padding:0}img{max-width:100%;height:auto;display:block;margin:0 auto}}@media (min-width: 501px){#root{padding:2rem}}@media (max-width: 500px){header{display:flex;max-width:500px auto;background-color:var(--color-background)}header .header__content{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:1rem}header .header__content .header__picture{order:2;flex-shrink:0;width:40%;margin-top:-1rem}header .header__content .header__picture img{width:100%;display:block;align-items:left;height:auto;border-radius:50%;box-shadow:var(--shadow-default)}header .header__content .header__name{order:1;display:flex;flex-direction:column;align-items:flex-end;width:100%;margin:0;color:var(--color-headings);padding-bottom:.5rem}header .header__content .header__name .header__description{margin-top:.25rem;max-width:18ch;text-align:right;padding-right:1.5rem;color:var(--color-secondary)}}@media (min-width: 501px){header{display:flex}header .header__content{display:flex;width:100%;align-items:center;gap:3rem;padding-right:2rem}header .header__content .header__picture img{width:350px;height:auto;border-radius:50%;box-shadow:var(--shadow-default)}header .header__content .header__name{display:flex;flex-direction:column;align-items:flex-end;width:100%;margin:0;color:var(--color-headings)}header .header__content .header__name .header__description{margin-top:.25rem;max-width:18ch;text-align:right;padding-right:1.5rem;color:var(--color-secondary)}}@media (max-width: 500px){.hero{display:flex;flex-direction:column;padding:0;margin:0 auto;margin-bottom:2rem;max-width:95%;margin-top:2rem}.hero .hero__title{color:var(--color-font);font-family:var(--font-h3)}.hero .hero__content{display:flex;flex-direction:column;width:100%}.hero .hero__content .hero__description{text-align:left}.hero .hero__content .hero__picture{margin-top:2rem}.hero .hero__content .hero__picture img{width:100%;height:auto;border-radius:8px;box-shadow:var(--shadow-default)}}@media (min-width: 501px){.hero{display:flex;flex-direction:column;padding:.5rem;width:90%;margin-left:5%;margin-top:2rem}.hero .hero__title{color:var(--color-font);font-family:var(--font-h3)}.hero .hero__content{display:flex;width:100%}.hero .hero__content .hero__description,.hero .hero__content .hero__picture{flex:0 0 50%;box-sizing:border-box}.hero .hero__content .hero__description{text-align:left;padding-right:1rem}.hero .hero__content .hero__picture img{width:100%;height:auto;border-radius:8px;box-shadow:var(--shadow-default)}}@media (max-width: 500px){.techs{display:flex;padding:1.5em;height:fit-content;width:95%;margin:0 auto;background-color:var(--color-secondary);box-shadow:var(--shadow-default);color:var(--color-font);border-radius:8px}.techs .tech-stack{display:flex;flex-direction:column;gap:1rem}.techs .tech-stack__group{margin-bottom:.5rem;display:flex;flex-wrap:wrap;gap:.8rem;align-items:flex-start}.techs .tech-stack__title{font-weight:700;margin-right:0;flex-basis:100%}.techs .tech-stack__tech{margin-bottom:.2rem;background-color:var(--color-font);color:var(--color-secondary);padding:.2rem .6rem;border-radius:.5rem;font-size:1rem;white-space:nowrap}}@media (min-width: 501px){.techs{display:flex;padding:1.5em;height:fit-content;width:90%;margin:0 auto;background-color:var(--color-secondary);box-shadow:var(--shadow-default);color:var(--color-font);border-radius:8px}.techs .tech-stack{display:flex;flex-direction:column;gap:1rem}.techs .tech-stack__group{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.techs .tech-stack__title{font-weight:700;margin-right:.5rem}.techs .tech-stack__tech{background-color:var(--color-font);color:var(--color-secondary);padding:.2rem .6rem;border-radius:.5rem;font-size:1rem;white-space:nowrap}}@media (max-width: 500px){.project-card{width:95%;display:flex;flex-direction:column;margin:2rem auto 0;padding:0;gap:2rem;box-shadow:var(--shadow-default);background-color:var(--color-primary);border-radius:8px;padding:1rem}.project-card .project-card__content{padding:.5em;display:flex;flex-direction:column;height:fit-content;overflow:hidden}.project-card .project-card__content .project-card__techs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;margin-top:2rem}.project-card .project-card__content .project-card__techs .project-card__tech{padding:.5em 1em;align-items:center;border-radius:8px;background-color:var(--color-font)}.project-card .project-card__content .project-card__links{display:flex;justify-content:center;align-items:center;gap:1em;margin-top:1rem}.project-card .project-card__content .project-card__links a{padding:.5em 1em;align-items:center;border-radius:8px;background-color:var(--color-secondary);transition:background-color .3s ease,transform .3s ease}.project-card .project-card__content .project-card__links a:hover{background-color:var(--color-links);transform:scale(1.13)}.project-card .project-card__images{display:flex;flex-wrap:wrap;justify-content:center}.project-card .project-card__images .project-card__image{max-width:100%;max-height:70vh;border-radius:8px;object-fit:cover;display:block}.project-card .project-card__images video.project-card__image{max-width:100%;max-height:70vh;border-radius:8px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease}.project-card .project-card__images video.project-card__image:hover{transform:scale(1.03);box-shadow:0 8px 16px #00000040}}@media (min-width: 501px){.project-card{display:flex;width:min(90%,1200px);margin:6rem auto 0;padding:0;gap:2rem;box-shadow:var(--shadow-default);background-color:var(--color-primary);border-radius:8px;padding:1rem}.project-card .project-card__content,.project-card .project-card__images{flex:0 0 calc(50% - 1rem);min-width:0}.project-card .project-card__content{display:flex;flex-direction:column;padding:1.5em;height:fit-content;overflow:hidden}.project-card .project-card__content .project-card__techs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;margin-top:2rem}.project-card .project-card__content .project-card__techs .project-card__tech{padding:.5em 1em;align-items:center;border-radius:8px;background-color:var(--color-font)}.project-card .project-card__content .project-card__links{display:flex;justify-content:center;align-items:center;gap:1em;margin-top:1rem}.project-card .project-card__content .project-card__links a{padding:.5em 1em;align-items:center;border-radius:8px;background-color:var(--color-secondary);transition:background-color .3s ease,transform .3s ease}.project-card .project-card__content .project-card__links a:hover{background-color:var(--color-links);transform:scale(1.13)}.project-card .project-card__images{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.project-card .project-card__images .project-card__image{max-width:100%;max-height:70vh;border-radius:8px;object-fit:cover;display:block}.project-card .project-card__images video.project-card__image{max-width:100%;max-height:70vh;border-radius:8px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease}.project-card .project-card__images video.project-card__image:hover{transform:scale(1.03);box-shadow:0 8px 16px #00000040}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;--font-base: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-h3: system-ui, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--color-font: #22223b;--color-background: #9a8c98;--color-primary: #c9ada7;--color-secondary: #f2e9e4;--color-headings: #22223b;--color-border: #505050;--color-button: #1a1a1a;--color-button-light: #f9f9f9;--color-links: #22223b;--color-links-hover: #f2e9e4;--color-links-rgb: 34, 34, 59;--shadow-default: 4px 4px 4px 0px #4a4e69;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 500px){.footer{width:90%;background:var(--color-primary);color:var(--color-font);padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;margin:0 auto;margin-top:2rem;border-radius:8px}.footer .footer__top{margin-bottom:3rem}.footer .footer__top .footer__question{font-size:.9rem;text-transform:uppercase;margin-bottom:1rem;color:rgba(var(--color-font-rgb),.8)}.footer .footer__top .footer__big-text{font-size:4rem;font-weight:900;letter-spacing:2px;color:rgba(var(--color-font-rgb),.08);margin-bottom:2.5rem}.footer .footer__top .footer__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem}.footer .footer__top .footer__buttons .footer__btn{padding:.8rem 1.6rem;border:1px solid var(--color-font);border-radius:50px;font-size:.9rem;text-decoration:none;color:var(--color-font);transition:all .3s ease}.footer .footer__top .footer__buttons .footer__btn:hover{background:var(--color-links);border-color:var(--color-links);color:#fff}.footer .footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;max-width:1200px;margin:0 auto;font-size:.85rem}.footer .footer__bottom .footer__copy{opacity:.7}.footer .footer__bottom .footer__backtotop{text-decoration:none;font-weight:700;color:var(--color-links);color:var(--color-font);transition:color .3s ease}}@media (min-width: 501px){.footer{width:90%;background:var(--color-primary);color:var(--color-font);padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;margin:0 auto;margin-top:2rem;border-radius:8px}.footer .footer__top{margin-bottom:3rem}.footer .footer__top .footer__question{font-size:.9rem;text-transform:uppercase;margin-bottom:1rem;color:rgba(var(--color-font-rgb),.8)}.footer .footer__top .footer__big-text{font-size:4rem;font-weight:900;letter-spacing:2px;color:rgba(var(--color-font-rgb),.08);margin-bottom:2.5rem}.footer .footer__top .footer__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem}.footer .footer__top .footer__buttons .footer__btn{padding:.8rem 1.6rem;border:1px solid var(--color-font);border-radius:50px;font-size:.9rem;text-decoration:none;color:var(--color-font);transition:all .3s ease}.footer .footer__top .footer__buttons .footer__btn:hover{background:var(--color-links);border-color:var(--color-links);color:#fff}.footer .footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;max-width:1200px;margin:0 auto;font-size:.85rem}.footer .footer__bottom .footer__copy{opacity:.7}.footer .footer__bottom .footer__backtotop{text-decoration:none;font-weight:700;color:var(--color-font);transition:color .3s ease}.footer .footer__bottom .footer__backtotop:hover{color:var(--color-links)}}