@charset "UTF-8";*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}:root{color-scheme:light;accent-color:var(--color--accent);--color--light: #f8f9fa;--color--light-accent: #e2dcc8;--color--dark: #212529;--color--accent: #5e1177;--color--text: #535353;--color--text-accentued: #484848;--color--gray-light: #eee;--color--gray-medium: #dadada;--color--gray-dark: #7e7e7e;--color--tap: #5e117740;--outline-color: var(--color--accent);--content-max-width: 120ch;--content-space-around: 1.25rem}html{font-size:100%;font-family:sans-serif;min-height:100vh;scroll-behavior:smooth;scroll-padding-top:calc(var(--content-space-around) + 7rem)}@media (min-width: 62em){html{scroll-padding-top:calc(var(--content-space-around) + 5rem)}}body{min-height:100vh;display:grid;gap:1rem 0;grid-template-rows:auto 1fr 0 auto;background-color:var(--color--light);color:var(--color--dark);padding:var(--content-space-around)}body.no-scroll{overflow:hidden}@media (min-width: 62em){body{padding:var(--content-space-around) 4rem}}:focus-visible{outline:4px dashed var(--outline-color);outline-offset:var(--outline-offset, 1px);border-radius:var(--outline-rounding, .25rem)}:root{--font-familly--title: "Lexend Deca", Verdana, sans-serif;--font-familly--text: "Open Sans", Arial, sans-serif;--font-familly--code: monospace;--font--title: normal normal 400 medium var(--font-familly--title);--font--text: normal normal 400 medium / 1.75rem var(--font-familly--text);--font--code: normal normal 400 medium / 2rem var(--font-familly--code)}:is(h1,h2,h3,h4,h5,h6){-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;font:var(--font--title);color:var(--color--dark)}h1{font-size:xxx-large;margin-bottom:2rem}h2{font-size:xx-large;margin:4rem 0 .5rem}h3{font-size:x-large;margin:2rem 0 .5rem}h4{font-size:large;margin:2rem 0 1rem}h5{font-size:large}strong{font-weight:700}abbr{text-decoration:underline dashed}i,em{font-style:italic}p,li,address,blockquote{font:var(--font--text);color:var(--color--text)}figcaption,img+em,pre+p em{display:block;max-width:52ch;margin:.5rem auto;font:var(--font--text);font-size:small;color:var(--color--text);font-style:italic;text-align:center;line-height:1.5}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}code{font:var(--font--code);color:var(--color--text-accentued);background-color:var(--color--gray-light);padding:.125rem .25rem}pre{white-space:nowrap}pre .language-id{margin-bottom:.5rem;font-style:italic}pre .language-id:before{content:"Langage : "}pre code{padding:.5rem .75rem .5rem 0;overflow-x:auto;width:calc(100% - 1rem);margin-left:.5rem;background-color:unset;display:block}pre .line{display:block}pre .line:empty{display:none}small{font-size:small}sup{position:relative;top:-.5rem;vertical-align:baseline;padding-left:.2rem;font-size:75%;line-height:0}hr{border-bottom:1px solid var(--color--gray-medium);margin:1rem auto 1.5rem;width:100%;max-width:60ch}ul.list,ol.list{list-style:disc;padding-left:1rem}ul.list ::marker,ol.list ::marker{content:unset}ul.list li+li,ol.list li+li{margin-top:.5rem}.header{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin:calc(-1 * var(--content-space-around));margin-block-end:.5rem;padding:var(--content-space-around) var(--content-space-around) 0}.header:after{content:"";position:absolute;bottom:.5px;left:var(--content-space-around);right:var(--content-space-around);border-bottom:1px solid var(--color--dark)}.header .header__title{display:inline-flex;flex-direction:column;font-family:var(--font-familly--title)}.header .header__title strong{font-size:1.125rem;letter-spacing:1.7px;text-transform:lowercase;font-weight:400}.header .header__title small{font-size:.702rem;letter-spacing:.75px;white-space:nowrap}.header .header__title small:first-letter{text-transform:lowercase}@media (min-width: 48em){.header .header__title{padding-bottom:calc(1rem - 5px)}}@media (min-width: 62em){.header{width:100%;max-width:96em;padding:var(--content-space-around) 0 0;margin:calc(-1 * var(--content-space-around)) auto 2rem}.header:after{left:0;right:0}.header .header__title{padding-bottom:calc(1.5rem - 5px)}.header .header__title strong{letter-spacing:2px;font-size:1.44rem}.header .header__title small{font-size:1rem;letter-spacing:0}}@media (min-width: 78em){.header .header__title small{letter-spacing:.15px}}.skip{position:fixed;top:var(--content-space-around);right:var(--content-space-around);z-index:-1;background-color:var(--color--light)}.skip:focus-within{z-index:2500}.skip .skip-list{margin:0 auto;padding:0;list-style:none}.skip .skip-list__link{display:block;position:absolute;top:0;right:-777em;line-height:1.5;font-family:var(--font-familly--title);text-align:right;z-index:0;padding:.5rem;white-space:nowrap}.skip .skip-list__link:focus,.skip .skip-list__link:hover{right:0;outline:4px dashed var(--color--accent);z-index:2500}.skip .skip-list__link:after{content:"";position:absolute;z-index:-1;width:calc(100vw - 2 * var(--content-space-around));height:100%;right:0;top:0;background:linear-gradient(90deg,#0000 0% 40%,#f8f9fa 50% 100%)}@media (min-width: 48em){.skip{right:unset;left:var(--content-space-around)}.skip .skip-list__link:focus,.skip .skip-list__link:hover{right:unset;left:0}.skip .skip-list__link:after{right:unset;left:0;width:100%;background:var(--color--light)}}@media (min-width: 62em){.skip .skip-list__link{line-height:2.5}.skip .skip-list__link:focus,.skip .skip-list__link:hover{right:unset;left:0}}.navigation{overflow:hidden;margin:0 calc(-1 * var(--content-space-around));width:calc(100% + 2 * var(--content-space-around));align-self:flex-end}.navigation ul{display:flex;justify-content:flex-start;overflow:auto hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.5rem;padding:4px var(--content-space-around) 0;scroll-snap-type:x mandatory;scroll-padding:0 var(--content-space-around);overscroll-behavior-x:contain;-webkit-mask:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0) calc(var(--content-space-around) / 4),#000 var(--content-space-around),#000 calc(100% - var(--content-space-around)),rgba(0,0,0,0) calc(100% - var(--content-space-around) / 4),rgba(0,0,0,0));mask:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0) calc(var(--content-space-around) / 4),#000 var(--content-space-around),#000 calc(100% - var(--content-space-around)),rgba(0,0,0,0) calc(100% - var(--content-space-around) / 4),rgba(0,0,0,0));text-transform:lowercase}.navigation ul::-webkit-scrollbar{display:none}.navigation li{scroll-snap-align:start;line-height:1.5;padding-bottom:1rem}.navigation a{border-bottom:4px solid transparent;padding-bottom:calc(1rem - 4px);-webkit-tap-highlight-color:rgba(94,17,119,.2509803922);font:var(--font-familly--text)}.navigation a[aria-current=page]{border-bottom-color:var(--color--accent)}@media (any-hover: hover){.navigation a:hover{border-bottom-color:var(--color--gray-light);color:var(--color--accent)}.navigation a:focus{border-bottom-color:var(--color--gray-medium)}}@media (min-width: 48em){.navigation{width:unset}}@media (min-width: 62em){.navigation ul{margin:unset;margin-top:1rem}.navigation li{padding-bottom:1.5rem}.navigation a{padding-bottom:calc(1.5rem - 4px)}}.breadcrumb{display:flex;align-items:flex-end;gap:.25rem}.breadcrumb ol{display:inline-flex;flex-wrap:wrap;gap:0 .5rem;margin:unset}.breadcrumb li:not(:last-child):after{display:inline-block;margin:0 0 .05rem .35rem;transform:rotate(-45deg);border-right:2px solid currentcolor;border-bottom:2px solid currentcolor;height:6px;width:6px;content:""}.breadcrumb p{display:inline}.breadcrumb p,.breadcrumb a{margin:unset;color:var(--color--text);text-decoration:unset;font-size:small;font-style:italic}.breadcrumb a[aria-current=page]{color:var(--color--accent)}@media (max-width: 36em){.breadcrumb p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}main,article,aside{overflow:hidden;width:100%;max-width:var(--content-max-width);margin:0 auto}main a,article a,aside a{text-decoration:2px underline;text-decoration-color:var(--color--accent);color:#000}main strong,article strong,aside strong{color:var(--color--accent)}main p,main ul,main ol,article p,article ul,article ol,aside p,aside ul,aside ol{margin:1rem 0 2rem}blockquote{padding-left:.75rem;border-left:2px solid var(--color--accent)}blockquote>*:nth-last-child(2){margin-bottom:1rem}blockquote cite{font-style:italic}blockquote cite:before{content:"~ "}img{height:auto}picture{display:flex}main[class*=page]{padding-block-end:calc(4px + .8rem + 1.2444444444rem)}main[class*=page] h1{text-align:center}main[class*=page] h1 span{white-space:nowrap}.bloc_portfolio__grid{display:grid;grid-template-columns:repeat(auto-fit,min(100%,37ch));justify-content:center;gap:2rem}.bloc_portfolio__grid article{position:relative;display:flex;flex-direction:column;padding-bottom:1rem;background-color:var(--color--gray-light)}.bloc_portfolio__grid article[data-year]:not([data-year=""]):after{position:absolute;background:var(--color--accent);color:var(--color--light);padding:.125rem .75rem;border-radius:1rem;margin:unset;right:.75rem;top:calc(220px + .75rem);font-family:var(--font-familly--title)}.bloc_portfolio__grid article h3{margin:2rem 1rem 0;font-size:larger;order:1}.bloc_portfolio__grid article p{color:var(--color--text-accentued)}.bloc_portfolio__grid article p:first-of-type{margin:.5rem 1rem;order:3}.bloc_portfolio__grid article p:nth-of-type(n+2){margin:0 1rem;color:var(--color--accent);order:2}.bloc_portfolio__grid article p:last-of-type{margin-top:1rem;order:10}.bloc_portfolio__grid article picture{order:0}.bloc_portfolio__grid article a{text-transform:lowercase;font-size:small;margin-left:auto}.bloc_portfolio__grid article a:before{content:"";position:absolute;inset:0}@media (min-width: 24em){.bloc_portfolio__grid article[data-year]:not([data-year=""]):after{content:attr(data-year)}}.bloc_technology__grid{display:grid;grid-template-columns:repeat(auto-fit,min(100%,37ch));justify-content:center;gap:2rem}.bloc_technology__grid div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:1rem;position:relative;border:1px solid var(--color--accent);border-radius:.5rem}.bloc_technology__grid div:hover h3:after,.bloc_technology__grid div:focus-within h3:after{opacity:.05}.bloc_technology__grid div h3{position:relative;padding:2rem 1rem;margin:unset;font-size:large;text-align:center}.bloc_technology__grid div h3:after{content:"";position:absolute;inset:0;background-color:var(--color--accent);opacity:0;transition:opacity .2s ease-in-out}.bloc_technology__grid div img{aspect-ratio:5/2;object-fit:contain;width:80%;object-position:center;text-align:center}.bloc_technology__grid div p:first-of-type{margin:.5rem 1rem;color:var(--color--accent)}.bloc_technology__grid div p:nth-of-type(n+2){margin:0 1rem}.bloc_technology__grid div p:last-of-type{margin-top:1rem}.bloc_technology__grid div a{text-transform:lowercase;font-size:small;margin-left:auto}.bloc_technology__grid div a:before{content:"";position:absolute;inset:0}.social_networks ul{display:grid;gap:2rem;justify-content:center}.social_networks li{max-width:37ch;width:100%}.social_networks li:hover svg{color:var(--color--gray-dark)}.social_networks li:focus-within svg{color:var(--color--accent)}.social_networks a{border:2px solid var(--color--dark);border-radius:5px;display:grid;grid-template-columns:65% 35%;text-decoration:unset;outline-offset:2px;-webkit-tap-highlight-color:var(--color--tap)}.social_networks a:focus{border-color:var(--color--accent)}.social_networks h3{margin:unset;place-self:center}.social_networks h3:after{content:attr(data-link);display:block;font-size:small;color:var(--color--accent)}.social_networks svg{width:50%;max-width:7rem;margin:2rem 2rem 2rem auto;aspect-ratio:1/1;place-self:center;color:var(--color--gray-medium);transition:color .15s ease-out}.social_networks svg:not(:hover){transition-duration:0}@media (min-width: 48em){.social_networks ul{padding:.5rem;grid-template-columns:repeat(2,37ch)}}@media (min-width: 62em){.social_networks ul{padding:.5rem;grid-template-columns:repeat(auto-fill,minmax(37ch,1fr))}.social_networks li:nth-child(odd){place-self:end}.social_networks li:nth-child(2n){place-self:start}.social_networks h3{font-size:x-large}}.page_home h1{margin-top:2rem}.page_home h2{display:grid;gap:.5rem}.page_home h2:before{content:attr(data-subtitle);color:var(--color--accent);text-transform:lowercase;font-size:small}.page_home .page_home__portfolio>p:last-child{margin-top:2rem;text-align:center}@media (min-width: 48em){.page_home h1:before{content:"👋 "}}@media (min-width: 62em){.page_home h1{margin-top:4rem;margin-bottom:6rem}.page_home h2:before{font-size:large}}.page_portfolio header p{max-width:70ch;margin-left:auto;margin-right:auto}.page_about header h1{margin-bottom:1rem}.page_about header p{max-width:70ch;margin:auto;position:relative;line-height:1.25rem}.page_about header p:before{content:"[n. m.]";font:var(--font--code);background-color:var(--color--gray-light);padding:.125rem .25rem;margin-right:.25rem;vertical-align:text-bottom;line-height:1.5rem}.page_about .page_about__presentation p{max-width:70ch;margin-left:auto;margin-right:auto}.page_about .page_about__presentation p:first-of-type:before{content:"👋";font:var(--font--text)}.page_about .page_about__work ol,.page_about .page_about__training ol{display:grid}.page_about .page_about__work li,.page_about .page_about__training li{border-bottom:1px solid var(--color--gray-medium)}.page_about .page_about__work h3,.page_about .page_about__training h3{margin-bottom:0}.page_about .page_about__work p:first-of-type,.page_about .page_about__training p:first-of-type{margin:unset;color:var(--color--accent);text-transform:lowercase}.page_about .page_about__work p:not(:first-of-type),.page_about .page_about__training p:not(:first-of-type){margin:.5rem 0 1rem}@media (min-width: 62em){.page_about :where(.page_about__work,.page_about__training) ol{grid-template-columns:repeat(2,1fr);gap:2rem}.page_about :where(.page_about__work,.page_about__training) h3{margin-top:1rem}}.page_technologie header{padding-top:2rem}.page_technologie header img{max-width:16rem;width:80%}.page_technologie header p{max-width:70ch;margin-left:auto;margin-right:auto}.page_technologie header p:nth-last-of-type(2){margin-bottom:0}.page_technologie header p:last-of-type{text-align:center}.page_contact__form{display:grid;gap:2rem}@media (min-width: 62em){.page_contact{grid-template-columns:repeat(2,1fr)}.page_contact .form_row:nth-child(n+3),.page_contact [role=alert],.page_contact button{grid-column:1/-1}}.page_legal header p{text-align:center}.page_legal li{line-height:2.5rem}.page_legal li span:nth-of-type(odd){font-weight:700}.page_legal li span:nth-of-type(2n){white-space:nowrap}.page_legal li p,.page_legal li ul,.page_legal li ol,.page_legal address{display:inline}.page_legal details{list-style-type:disclosure-closed;margin:1rem 0;padding:.5rem 2rem;border:1px solid var(--color--accent);border-radius:5px}.page_legal details[open]{list-style-type:disclosure-open}.page_legal details summary{font-weight:700;cursor:pointer}.page_legal details ul{margin:unset}.button{display:inline-flex;padding:.4rem .8rem;align-items:center;justify-content:center;line-height:1.4;text-decoration:none;border-radius:5px;border:2px solid var(--color--dark);-webkit-tap-highlight-color:var(--color--tap)}.button[data-encoded]{text-transform:lowercase}.button--with-icon{gap:.25rem;text-transform:lowercase;transition:gap 25ms}.button--backtotop{position:sticky;bottom:var(--content-space-around);place-self:end;margin-top:calc(100vh + 200px);background-color:var(--color--light);font-weight:700;font-size:small}@media (any-hover: hover){.button--with-icon:not(:hover){gap:0}.button--with-icon:not(:hover) svg{width:0}.button--with-icon:focus{border-color:var(--color--accent)}.button--with-icon:focus svg{fill:var(--color--accent)}.button--with-icon svg{transition:width .2s}.button--backtotop:hover{background-color:var(--color--gray-light)}.button--backtotop:focus{border-color:var(--color--accent)}}@media (min-width: 96em){.button--backtotop{margin-right:calc(50% - 48rem)}}form{padding:4px}form [role=alert]{border:2px solid var(--color--accent);padding:.5rem 1rem;place-self:center}form [role=alert][aria-hidden=true]{display:none}form [role=alert][data-success=true]>:first-child:before{content:"✔️";margin-right:.25rem}form [role=alert][data-success=false]>:first-child:before{content:"❗"}form [role=alert] p{margin:unset}form button{font:var(--font--title);place-self:center}.form_row{display:flex;flex-direction:column}.form_row.form_row--checkbox{flex-direction:row-reverse;align-items:flex-start;gap:1rem}.form_row.form_row--checkbox label{margin-right:auto;margin-bottom:unset}.form_row p{line-height:1.4;margin:.5rem 0 0}.form_row small{line-height:1}@media (min-width: 36em){.form_row.form_row--checkbox{align-items:center}}label{font:var(--font--text);color:var(--color--text);margin-bottom:.5rem}input,textarea{border:2px solid var(--color--dark);background-color:var(--color--gray-light);border-radius:5px;font:var(--font--title)}input:focus,textarea:focus{outline-offset:unset;border-color:var(--color--accent);outline:2px dashed var(--color--accent)}input:not([type=radio],[type=checkbox]),textarea{font-size:large;padding:.5rem;width:100%}input[type=checkbox]{width:1.5rem;height:1.5rem;display:inline-block;flex:0 0 1.5rem;appearance:checkbox}textarea{resize:vertical;min-height:calc(4lh + 1rem);max-height:calc(10lh + 1rem);field-sizing:content;line-height:1.5}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}[class^=icon-],[class*=" icon-"]{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.icon-arrow-up-thin{width:.9em}.icon-arrow-right-thin{width:.8em;height:.8em}.footer{width:100%;max-width:var(--content-max-width);margin:0 auto;border-top:1px solid var(--color--dark);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;padding-block-start:1rem}.footer .footer__resume{display:flex;flex-direction:column}.footer .footer__resume :last-child{margin-top:auto}.footer a:after{content:"→";padding-left:.25rem}.footer li{text-transform:lowercase}