body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--bg:#0b0b0e;--fg:#fff;--muted:#9aa0a6;--brand:#7c3aed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:url(/portfolio/static/media/bg.cc8717ac9f753ec44a3f.jpg);background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;text-align:center}.App:before{background:#0000008c;content:"";inset:0;position:absolute}@media (max-width:768px){.App:before{background:none}}.App-logo{height:400px}main{display:flex;flex:1 1;flex-direction:column;justify-content:center}.hdr{background:#0b0b0eb3;z-index:10}.hdr__inner{justify-content:space-between;margin:0 auto;max-width:1700px;padding:12px 16px}.hdr__inner,.hdr__title{align-items:center;display:flex}.hdr__title{color:#fff;font-weight:700;gap:18px;text-decoration:none}.hdr__cat{height:32px;width:auto}.hdr__burger{background:#0000;border:0;cursor:pointer;display:inline-flex;flex-direction:column;gap:4px}.hdr__burger span{background:var(--fg);display:block;height:2px;width:22px}.hdr__nav{background:var(--bg);border:1px solid #ffffff14;border-radius:12px;display:none;flex-direction:column;gap:8px;inset:60px 16px auto 16px;padding:12px;position:fixed}.hdr__nav a{border-radius:8px;color:var(--fg);display:inline-block;padding:10px 12px;text-decoration:none;transition:transform .2s ease,color .2s ease}.hdr__nav a.active{color:var(--brand);font-weight:700;transform:scale(1.08)}.hdr__nav a:hover{color:var(--brand);transform:scale(1.25)}.hdr__nav.is-open{display:flex}.hdr__github img{height:20px;width:20px}@media (min-width:768px){.hdr__burger{display:none}.hdr__nav{background:#0000;border:0;display:flex;flex-direction:row;gap:16px;padding:0;position:static}}.ftr{background:#0b0b0e;background:var(--bg,#0b0b0e);border-top:1px solid #ffffff14;color:#fff;color:var(--fg,#fff);font-size:.9rem;padding:16px;text-align:center}.ftr .heart{animation:pulse 1.2s infinite;color:red;display:inline-block;transform:scale(1)}.abt{overflow:clip;padding:72px 16px;position:relative}.abt__container{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr;margin:0 auto;max-width:1700px}@media (min-width:860px){.abt__container{grid-template-columns:.9fr 1.1fr}}.abt__media{grid-gap:16px;display:grid;gap:16px;justify-items:center}.abt__avatar{aspect-ratio:1/1;border-radius:24px;box-shadow:0 10px 25px #0006,inset 0 0 0 1px #ffffff0a;overflow:hidden;position:relative;width:240px}.abt__avatar img{display:block;height:100%;object-fit:cover;width:100%}.abt__stats{grid-gap:14px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:grid;gap:14px;grid-auto-flow:column;padding:10px 14px}.abt__stats li{list-style:none;min-width:88px;text-align:center}.abt__stats .num{color:var(--fg);display:block;font-weight:800;line-height:1.1}.abt__stats .lbl{color:var(--muted);font-size:.85rem}.abt__text{cursor:default;margin-inline:auto;max-width:620px}@media (min-width:860px){.abt__text{margin-inline:0}}.abt__kicker{color:var(--muted);font-size:.9rem;font-weight:600;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.abt__title{color:#f0f8ff;font-size:2.5rem;line-height:1.1;margin:0 0 12px}.abt__title .grad{background:linear-gradient(90deg,#c084fc,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#0000}.abt__lead{color:#d6d6dc;font-size:1.3rem;font-weight:500;line-height:1.65;margin:0 0 18px}.abt__chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:0}.abt__chips li{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;color:var(--fg);font-size:.9rem;gap:8px;list-style:none;padding:8px 12px}.abt__chips li,.abt__cta{align-items:center;display:flex}.abt__cta{flex-wrap:wrap;gap:12px;justify-content:center}.btn{align-items:center;border-radius:10px;display:inline-flex;font-weight:600;gap:8px;padding:10px 14px;text-decoration:none;transition:transform .08s ease,filter .2s ease,background .2s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn--brand{background:linear-gradient(90deg,#a15ee6,#652fc4);color:#fff;transition:transform .25s ease,filter .5s ease}.btn--brand:hover{filter:brightness(1.2);transform:scale(1.02)}.btn--ghost{background:#ffffff0a;color:var(--fg)}.btn--ghost:hover{background:#ffffff0f}.link{color:var(--fg);opacity:.85;text-decoration:none}.link:hover{opacity:1;text-decoration:underline}.exemple{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;cursor:default;min-height:490px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.exemple:hover{border-color:#7c3aed59;box-shadow:0 18px 40px #00000059;transform:translateY(-6px) scale(1.01)}.exemple__media{aspect-ratio:16/9;overflow:hidden}.exemple__image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.exemple:hover .exemple__image{transform:scale(1.06)}.exemple__body{display:flex;flex-direction:column;gap:10px;padding:5px}.exemple__title{color:var(--fg);font-size:1.05rem;font-weight:750;line-height:1.25;margin:6px 0 2px}.exemple__description{color:#d6d6dc;font-size:.95rem;line-height:1.55;margin:0 0 2px;min-height:3.2em}.exemple__links{bottom:12px;display:flex;gap:10px;left:12px;position:absolute}.exemple__links .btn--ghost{color:var(--fg);transition:transform .25s ease,box-shadow .25s ease}.exemple__links .btn--ghost:hover{background:#7c3aed;box-shadow:0 0 12px #7c3aed66;transform:scale(1.05)}@media (max-width:679px){.exemple__body{padding:12px}.exemple__title{font-size:1rem}}.work{color:var(--fg);padding:72px 16px;position:relative}.work__container{margin:0 auto;max-width:1700px}.work__head{align-items:end;display:flex;gap:16px;justify-content:space-between;margin-bottom:28px}.work__title{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);line-height:1.1;margin:0}.work__grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr}@media (min-width:680px){.work__grid{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1120px){.work__grid{gap:26px;grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=main.a225452a.css.map*/