@charset "UTF-8";@font-face{font-family:Ductus Regular;src:url(/assets/DuctusRegular-BJT7vh0H.woff2) format("woff2"),url(/assets/DuctusRegular--hDGCB7l.woff) format("woff")}@font-face{font-family:Ductus Geometric;src:url(/assets/DuctusGeometric-Bt5LvLdl.woff2) format("woff2"),url(/assets/DuctusGeometric-BjLFJTZa.woff) format("woff")}@font-face{font-family:Ductus Calligraphic;src:url(/assets/DuctusCalligraphic-Clx88tZ3.woff2) format("woff2"),url(/assets/DuctusCalligraphic-Db1uC6mC.woff) format("woff")}@font-face{font-family:Ductus Regular Mono;src:url(/assets/DuctusMonoRegular-gmlSlB27.woff2) format("woff2"),url(/assets/DuctusMonoRegular-DT2D2G8E.woff) format("woff")}@font-face{font-family:Ductus Geometric Mono;src:url(/assets/DuctusMonoGeometric-Dcr7uJh5.woff2) format("woff2"),url(/assets/DuctusMonoGeometric-BlwjbsHq.woff) format("woff")}@font-face{font-family:Ductus Calligraphic Mono;src:url(/assets/DuctusMonoCalligraphic-rLDhyKwH.woff2) format("woff2"),url(/assets/DuctusMonoCalligraphic-CKeTAD5L.woff) format("woff")}@media screen and (min-width: 0em){:root{--font-size--small: .5rem}}@media screen and (min-width: 768px){:root{--font-size--small: .5rem}}@media screen and (min-width: 992px){:root{--font-size--small: .5rem}}@media screen and (min-width: 1200px){:root{--font-size--small: .5rem}}@media screen and (min-width: 1400px){:root{--font-size--small: .5rem}}@media screen and (min-width: 0em){:root{--font-size--large: 1rem}}@media screen and (min-width: 768px){:root{--font-size--large: 1rem}}@media screen and (min-width: 992px){:root{--font-size--large: 1rem}}@media screen and (min-width: 1200px){:root{--font-size--large: 1rem}}@media screen and (min-width: 1400px){:root{--font-size--large: 1.2rem}}#home header>div{font-size:var(--font-size--large)}#home header>div h4{font-size:var(--font-size--small)}#home footer{font-size:var(--font-size--large)}#home footer p:first-child{font-size:var(--font-size--small)}#content{font-size:var(--font-size--large)}#content dt{font-size:var(--font-size--small)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{font-family:Ductus Regular;height:100vh;margin:0;box-sizing:border-box;overflow:hidden}body a{color:inherit}body #root{height:100%}body #root #home{position:fixed;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:auto;box-sizing:border-box}body #root #home header{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,auto);grid-gap:1rem 4rem;margin:1rem;align-items:baseline}body #root #home header>div{display:flex;align-items:flex-start;gap:1rem}body #root #home header>div>h4{width:4rem}body #root #home header>div>ul{flex:2}body #root #home header #name{grid-area:1/1/2/2}body #root #home header #name h1{flex:1;font-weight:400;margin:0}body #root #home header #clock{grid-area:2/1/3/2}body #root #home header #clock ul{display:flex;gap:1rem;flex-wrap:wrap}body #root #home header #clock ul li{opacity:.3;cursor:pointer}body #root #home header #clock ul li svg{height:1.5rem;width:1.5rem;fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round}body #root #home header #lang{grid-area:1/2/2/3}body #root #home header #lang li{cursor:pointer;opacity:.3}body #root #home header #lang li.active{opacity:1}body #root #home header #contact{grid-area:2/2/3/3}body #root #home header #contact a{text-decoration:none}body #root #home header #resume{grid-area:1/3/4/5}body #root #home header #resume>div{flex:5}body #root #home header h4{font-weight:400;margin:0}body #root #home header ul{margin:0;padding:0}body #root #home header ul li{list-style-type:none}body #root #home header p{margin:0}body #root #home footer #links{display:flex;gap:1rem;padding:1rem;box-sizing:border-box;width:100%;overflow-x:auto}body #root #home footer #links a{text-decoration:none;background-color:#ffffffb3;padding:.5rem 1rem .5rem .5rem;border-radius:10px;white-space:nowrap;display:flex;flex-direction:row;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}body #root #home footer #links a figure{height:3rem;width:3rem;background-color:#fff;border-radius:50px;overflow:hidden;margin:0}body #root #home footer #links a figure img{height:100%}body #root #home footer #links a p{margin:0}body #root #home footer #links a:hover{background-color:#ffffff80}body #root #home #icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:-10;mix-blend-mode:multiply}body #root #home #icon img{height:60vh;display:none;filter:invert(1)}body #root #content{position:fixed;left:0;bottom:0;height:90%;overflow:hidden;width:100%;background-color:#fff;box-shadow:0 0 20px #0006;border-radius:20px 20px 0 0}body #root #content .scroller{height:100%;overflow-y:scroll;scrollbar-color:black transparent;padding:1rem;box-sizing:border-box}body #root #content .scroller>div{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:1rem 4rem}body #root #content .scroller>div .close{text-decoration:none;background-color:#e6e6e6;border-radius:50px;text-align:center;cursor:pointer}body #root #content .scroller>div .close:hover{background-color:#000;color:#fff}body #root #content .scroller>div>.close{box-shadow:0 0 8px #0006;display:none;z-index:10}body #root #content .scroller>div dl{margin:0;display:flex;gap:1rem}body #root #content .scroller>div dl dt{width:4rem}body #root #content .scroller>div dl dd{flex:1;margin:0}body #root #content .scroller>div dl dd>*{display:block}body #root #content .scroller>div header{grid-column:1/2;display:grid;grid-template-rows:repeat(3,auto);gap:1rem;position:sticky;top:0}body #root #content .scroller>div main{grid-column:2/5}body #root #content .scroller>div main .infos{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 4rem;margin-bottom:2rem;align-items:baseline}body #root #content .scroller>div main .infos #datas{display:grid;grid-template-rows:repeat(3,auto);gap:1rem}body #root #content .scroller>div main .infos #details{grid-column:2/4}body #root #content .scroller>div main .images{display:flex;flex-direction:column;gap:1rem}body #root #content .scroller>div main .images>*{align-self:stretch}body #root #content .scroller>div main .images figure{position:relative;margin:0;border-radius:20px;overflow:hidden;animation:2s infinite loading ease-in-out}body #root #content .scroller>div main .images figure .lazyload{opacity:0;transition:all .3s ease-in-out}body #root #content .scroller>div main .images figure .lazyload img,body #root #content .scroller>div main .images figure .lazyload video{display:block;width:100%}body #root #content .scroller>div main .images figure .loaded{opacity:1}@keyframes loading{0%{background-color:#fafafa}50%{background-color:#e6e6e6}to{background-color:#fafafa}}body #root #content .scroller>div main .images>figure{aspect-ratio:3/2}body #root #content .scroller>div main .images .inline{display:flex;flex-direction:row;gap:1rem;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory}body #root #content .scroller>div main .images .inline figure{flex:1;scroll-snap-align:center;aspect-ratio:1/1}@media (max-width: 576px){body #root #home header>div{flex-direction:column;gap:.5rem}body #root #home #icon img{height:auto;width:80vw}body #root #content>div header{grid-template-columns:unset}body #root #content>div main .infos #datas{grid-template-columns:unset}}@media (min-width: 576px) and (max-width: 768px){body #root #content>div header{grid-template-columns:repeat(2,1fr)}body #root #content>div main .infos #datas{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){body #root #home header{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);grid-gap:1rem}body #root #home header #clock{grid-area:1/2/2/3}body #root #home header #lang{grid-area:2/1/2/2}body #root #home header #resume{grid-area:3/1/4/3}body #root #home footer{position:sticky;bottom:0}body #root #content .scroller{padding:0}body #root #content .scroller>div{grid-template-columns:none;grid-template-rows:repeat(3,auto)}body #root #content .scroller>div .close{display:block;position:sticky;top:1rem;margin:1rem}body #root #content .scroller>div header{position:relative;grid-column:unset;grid-template-rows:unset;margin:0 1rem}body #root #content .scroller>div header .close{display:none}body #root #content .scroller>div main{grid-column:unset}body #root #content .scroller>div main .infos{grid-template-columns:unset;padding:0 1rem}body #root #content .scroller>div main .infos #datas{grid-column:unset;grid-template-rows:unset}body #root #content .scroller>div main .infos #details{grid-column:unset}body #root #content .scroller>div main .images{margin-bottom:1rem}body #root #content .scroller>div main .images>figure{margin:0 1rem}body #root #content .scroller>div main .images .inline figure{flex:none;width:85%;flex-shrink:0}body #root #content .scroller>div main .images .inline figure:first-child{margin:0 0 0 1rem}body #root #content .scroller>div main .images .inline figure:last-child{margin:0 1rem 0 0}}@media (min-width: 768px) and (max-width: 1200px){body #root #home header{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto)}body #root #home header #contact{grid-area:1/3/2/4}body #root #home header #resume{grid-area:2/2/3/4}body #root #content .scroller>div{grid-template-columns:repeat(3,1fr)}body #root #content .scroller>div main{grid-column:2/4}body #root #content .scroller>div main .infos{grid-template-columns:none;grid-template-rows:repeat(2,auto)}body #root #content .scroller>div main .infos #datas{grid-template-columns:repeat(2,1fr);grid-template-rows:none;gap:1rem 4rem}body #root #content .scroller>div main .infos #details{grid-column:unset}}