header[data-astro-cid-3ef6ksr2]{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:var(--orange-300);border-bottom:4px solid var(--black);padding:16px 16px 32px;.header--title-container[data-astro-cid-3ef6ksr2]{background:#ffa46b;border:2px solid var(--black);box-shadow:2px 2px 0 0 var(--black);margin-bottom:8px;padding:12px 16px;& h1[data-astro-cid-3ef6ksr2]{font-size:1.8rem;font-style:normal;font-weight:400;line-height:normal;text-align:center;color:var(--black)}}.header--content-container[data-astro-cid-3ef6ksr2]{display:inline-flex;width:100%;max-width:75ch;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:12px;background:var(--white);border-radius:12px;border:2px solid var(--black);box-shadow:8px 8px #ff8a50;.header--content__email[data-astro-cid-3ef6ksr2]{font-size:1.2rem;font-style:normal;font-weight:400;color:var(--black)}.header--content__receiver[data-astro-cid-3ef6ksr2]{font-size:1.2rem;font-style:normal;font-weight:400;color:#636363}.header--content__presentation[data-astro-cid-3ef6ksr2]{font-size:1.4rem;font-style:normal;font-weight:400;line-height:2rem}}& footer[data-astro-cid-3ef6ksr2]{width:100%;height:auto;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:8px;.clickeable--container{height:36px}& svg{margin-right:6px}}}@media (width > 680px){header[data-astro-cid-3ef6ksr2]{.header--title-container[data-astro-cid-3ef6ksr2] h1[data-astro-cid-3ef6ksr2]{font-size:2.8rem}.header--content-container[data-astro-cid-3ef6ksr2]{.header--content__email[data-astro-cid-3ef6ksr2]{font-size:1.8rem}.header--content__receiver[data-astro-cid-3ef6ksr2]{font-size:1.6rem}.header--content__presentation[data-astro-cid-3ef6ksr2]{font-size:1.8rem;line-height:2.6rem}}}}nav[data-astro-cid-5blmo7yk]{display:flex;width:100%;height:60px;position:sticky;top:0;z-index:2;justify-content:center;align-items:center;background:var(--white);border-bottom:4px solid var(--black);& button[data-astro-cid-5blmo7yk]{background:#fff}.navbar--desktop[data-astro-cid-5blmo7yk]{display:none}.navbar--mobile[data-astro-cid-5blmo7yk]{width:100%;height:48px;& button[data-astro-cid-5blmo7yk]{cursor:pointer;border-style:none}& svg[data-astro-cid-5blmo7yk]{margin-left:12px}.navbar--mobile__menu[data-astro-cid-5blmo7yk]{position:absolute;width:80%;height:100vh;top:60px;left:0;padding-left:24px;padding-top:36px;background:var(--white);border-right:4px solid var(--black);border-bottom:4px solid var(--black);& li[data-astro-cid-5blmo7yk]{margin-bottom:28px}& a[data-astro-cid-5blmo7yk]{text-decoration:none;font-size:3.6rem;color:var(--black)}& a[data-astro-cid-5blmo7yk]:hover,a[data-astro-cid-5blmo7yk]:focus{outline:none;text-decoration:underline}}}.navbar--language--selector[data-astro-cid-5blmo7yk]{& div[data-astro-cid-5blmo7yk]{display:flex;flex-direction:row}.language--selector--selected[data-astro-cid-5blmo7yk]{display:flex;flex-direction:row;border-style:none;align-items:center}.language--selector--selected[data-astro-cid-5blmo7yk]:hover,.language--selector--selected[data-astro-cid-5blmo7yk]:focus{outline:none;text-decoration:underline;cursor:pointer}.language--selector--option[data-astro-cid-5blmo7yk]{position:absolute;width:80px;height:40px;top:60px;right:0;border:var(--border-light);box-shadow:-4px 4px 0 var(--black)}.language--selector--option[data-astro-cid-5blmo7yk]:hover,.language--selector--option[data-astro-cid-5blmo7yk]:focus{text-decoration:underline;cursor:pointer}}}@media (width > 680px){nav[data-astro-cid-5blmo7yk]{justify-content:end;align-items:center;.navbar--desktop[data-astro-cid-5blmo7yk]{display:flex;& ul[data-astro-cid-5blmo7yk]{display:flex;margin-right:24px;gap:24px;& li[data-astro-cid-5blmo7yk]{display:inline;font-size:1.6rem}}& a[data-astro-cid-5blmo7yk]{color:#000;text-decoration:none}& a[data-astro-cid-5blmo7yk]:hover,a[data-astro-cid-5blmo7yk]:focus{outline:none;text-decoration:underline}}.navbar--language--selector[data-astro-cid-5blmo7yk] button[data-astro-cid-5blmo7yk]{font-size:1.6rem}.navbar--mobile[data-astro-cid-5blmo7yk]{display:none}}}.portfolio-container--card{container:portfolio-card / inline-size;width:100%;min-width:288px;max-width:155ch;height:fit-content;border-radius:12px;margin:0 auto 32px;box-shadow:-8px var(--shadow-heavy) 0 #5b67ee;@media (prefers-reduced-motion: no-preference){opacity:0}.portfolio--card--tabs{display:flex;height:44px;justify-content:flex-start;padding-left:2px;background:var(--blue);border-radius:12px 12px 0 0;border:var(--border-light);.card--tabs__icon{display:flex;width:fit-content;height:24px;margin-top:10px;margin-left:6px;align-items:center;border:1px solid var(--black);border-radius:6px;padding:2px 4px;background:var(--white);font-size:1.2rem;text-decoration:none;color:var(--black);transition:box-shadow .5s;& svg{margin-right:4px}& svg:nth-child(1){stroke:#000}}.card--tabs__icon:not(a){color:#53535a;& svg:nth-child(1){stroke:#53535a}}.card--tabs__icon:nth-child(2){width:100%;margin-right:10px}.card--tabs__icon:hover:not(p),.card--tabs__icon:focus:not(p){outline:none;text-decoration:underline;box-shadow:var(--shadow-light) var(--shadow-light) 0 var(--black);transition:box-shadow .5s}}.portfolio--card--content{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--white);border-radius:0 0 12px 12px;border:var(--border-light);.card--content--presentation{display:flex;width:100%;max-width:75ch;height:fit-content;flex-direction:column;justify-content:center;align-items:center;margin:12px 0;& img{max-width:100%;height:auto;object-fit:contain;aspect-ratio:2 / 1;padding:0 12px}& h3{font-size:clamp(2.4rem,2.8rem,3.2rem);margin-left:16px;margin-bottom:8px}& p{width:100%;max-width:340px;font-size:clamp(1.4rem,1.6rem,1.8rem);line-height:2.4rem;padding:0 18px;margin-bottom:12px}}& h4{padding:0 18px;font-size:1.6rem;margin-bottom:12px;text-decoration:underline}& button{margin:0 24px 16px auto}& dialog{width:calc(100% - 24px);max-width:80ch;padding:24px;margin:auto;.content--description--list{margin:0}& button{margin-bottom:0}}.content--description--list{display:flex;max-width:80ch;flex-direction:column;gap:8px;margin:0 16px 12px;list-style:disc;& li{font-size:clamp(1.4rem,1.6rem,1.8rem);line-height:2.4rem;margin-left:16px}& small{display:block;width:100%}}.content--technologies--list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 4px;margin:0 16px 12px;& li{display:inline;font-size:clamp(1.4rem,1.6rem,1.8rem);border-radius:12px;background:var(--white);border:1px solid var(--black);padding:4px 8px}}}@container portfolio-card (width > 820px){.portfolio--card--content{display:grid;height:fit-content;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;.card--content--presentation{grid-row:1 / 2;grid-column:1 / 2;& img{height:260px;aspect-ratio:2 / 1}}.card--content--description{grid-row:1 / 2;grid-column:2 / 3;margin-top:24px}.card--content--technologies{grid-row:2 / 3;grid-column:1 / 3}}}}@media (width > 680px){.portfolio-container--card{.portfolio--card--tabs{height:auto;.card--tabs__icon{font-size:1.8rem;padding:2px 4px;margin-bottom:6px;height:36px;& svg{width:28px;height:28px}}}.portfolio--card--content{.card--content--presentation{& p{margin-bottom:0;max-width:420px}}}}}.main-portfolio-container[data-astro-cid-vkystkny]{width:100%;height:auto;display:flex;padding:0 16px;flex-direction:column;background:#93b4ff;border-bottom:4px solid var(--black);& h2[data-astro-cid-vkystkny]{font-size:var(--h2-size);background:var(--blue);margin:var(--h2-margin);padding:var(--h2-padding);border:var(--border-light);box-shadow:var(--shadow-light) var(--shadow-light) 0 var(--black)}.portfolio-container--cards{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:24px;padding-bottom:24px}@media (width > 680px){.portfolio-container--cards{gap:120px}}}.technologies--left--article[data-astro-cid-xkwgcpuk]{display:flex;flex-wrap:wrap;margin-bottom:36px;gap:24px;@media (prefers-reduced-motion: no-preference){opacity:0}}.technologies--right--article[data-astro-cid-xkwgcpuk]{display:flex;flex-wrap:wrap;flex-direction:row-reverse;margin-bottom:36px;gap:24px;@media (prefers-reduced-motion: no-preference){opacity:0}}.technologies--left--card[data-astro-cid-xkwgcpuk]{margin-right:auto;box-shadow:var(--shadow-heavy) var(--shadow-heavy) 0 var(--purple-shadow)}.technologies--right--card[data-astro-cid-xkwgcpuk]{margin-left:auto;box-shadow:-8px var(--shadow-heavy) 0 var(--purple-shadow)}.technologies-container--card[data-astro-cid-xkwgcpuk]{min-width:262px;max-width:320px;height:100%;border-radius:12px;margin:0 16px 36px;.technologies--card--tabs[data-astro-cid-xkwgcpuk]{display:flex;height:30px;justify-content:flex-end;background:var(--purple);border-radius:12px 12px 0 0;border:var(--border-light);& ul[data-astro-cid-xkwgcpuk]{margin-top:6px;margin-right:8px}& li[data-astro-cid-xkwgcpuk]{display:inline;opacity:.6}& span[data-astro-cid-xkwgcpuk]{background:var(--purple-tab);font-size:1.4rem;padding:4px;border-radius:6px 6px 0 0;border:var(--border-light)}.tab--active[data-astro-cid-xkwgcpuk]{opacity:1}}.technologies--card--content[data-astro-cid-xkwgcpuk]{height:auto;padding:12px;background:var(--white);border-radius:0 0 12px 12px;border:var(--border-light)}.technologies--content__principal[data-astro-cid-xkwgcpuk]{display:inline-grid;width:100%;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;.content__principal--big[data-astro-cid-xkwgcpuk]{display:flex;height:70px;justify-content:center;align-items:center;grid-column:1;grid-row:1 / 3;font-size:3.2rem;padding:0 16px;border:var(--border-light);background:var(--white)}.content__principal--medium[data-astro-cid-xkwgcpuk]{display:flex;height:50px;justify-content:center;align-items:center;font-size:2.4rem;border:var(--border-light);background:var(--white)}.principal--medium--left[data-astro-cid-xkwgcpuk]{grid-column:1;grid-row:1 / 3}.principal--medium--right[data-astro-cid-xkwgcpuk]{grid-column:2;grid-row:1 / 3}.content__principal--small[data-astro-cid-xkwgcpuk]{display:flex;justify-content:center;align-items:center;font-size:1.6rem;line-height:1.4;border:var(--border-light);background:var(--white)}.content__principal--small[data-astro-cid-xkwgcpuk]:nth-child(1){grid-column:2;grid-row:2}.content__principal--small[data-astro-cid-xkwgcpuk]:nth-child(2){grid-column:2;grid-row:1}}.technologies--content__secondary[data-astro-cid-xkwgcpuk]{display:flex;flex-wrap:wrap;text-align:center;& li[data-astro-cid-xkwgcpuk]{list-style:none;font-size:1.6rem;line-height:1.4;padding:2px 6px;margin-right:6px;margin-top:8px;border:var(--border-light);background:var(--white)}}}.main-technologies-container[data-astro-cid-w7keuuc6]{width:100%;height:auto;display:flex;padding:0 16px;flex-direction:column;justify-content:center;align-items:center;background:#f2ccff;border-bottom:4px solid var(--black);& h2[data-astro-cid-w7keuuc6]{height:40px;font-size:var(--h2-size);background:var(--purple);margin:var(--h2-margin);padding:var(--h2-padding);border:var(--border-light);box-shadow:var(--shadow-light) var(--shadow-light) 0 var(--black)}svg{max-width:320px;height:200px}}:root{--white: #ffffff;--black: #000000;--orange-300: #FFB587;--yellow: #FFFA80;--purple: #C190FF;--purple-shadow: #C69AFF;--purple-tab: #E9CCFF;--blue: #2f62ff;--border-light: 2px solid black;--shadow-light: 4px;--shadow-heavy: 8px;--h2-size: 2.4rem;--h2-margin: 18px auto 20px auto;--h2-padding: 6px 12px}*{box-sizing:border-box;padding:0;margin:0}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:sans-serif}ul{list-style:none}p,li{text-wrap:pretty}.inactive{display:none}.clickeable--container{display:flex;background:var(--white);border:2px solid var(--black);padding:4px 8px;border-radius:6px;text-decoration:none;text-align:center;font-size:1.8rem;color:var(--black);align-items:center;transition:box-shadow .5s}.clickeable--container:hover,.clickeable--container:focus{outline:none;text-decoration:underline;cursor:pointer;box-shadow:var(--shadow-light) var(--shadow-light) 0 var(--black);transition:box-shadow .5s}@media (prefers-reduced-motion: no-preference){@keyframes pop-in{0%{transform:scale(.3)}35%{opacity:1;transform:scale(.3)}50%{transform:scale(.7)}65%{transform:scale(.7)}80%{transform:scale(1.1)}90%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:pop-in .7s ease-out 0s 1 normal forwards running}}