*,*:before,*:after{box-sizing:border-box}*{margin:0}html{display:flex;justify-content:center;height:100%;scroll-behavior:smooth}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}ul{padding:0;scroll-behavior:smooth;list-style-type:none}button{all:unset;cursor:pointer}a{text-decoration:none}p{margin:var(--space-m) 0px}:root{--baseTextSize: 1rem;--textSizeIncrement: 1.4;--text-xs: calc(var(--baseTextSize) / var(--textSizeIncrement));--text-s: var(--baseTextSize);--text-m: calc(var(--text-s) * var(--textSizeIncrement));--text-l: calc(var(--text-m) * var(--textSizeIncrement));--text-xl: calc(var(--text-l) * var(--textSizeIncrement));--lineHeightFixedAmount: .35rem;--lineHeightRelativeAmount: 1.1em;--globalLineHeight: calc( var(--lineHeightFixedAmount) + var(--lineHeightRelativeAmount) );--fontFamily: Inter, Avenir, Helvetica, Arial, sans-serif;--unit: .5rem;--spaceIncrement: 2;--space-s: var(--unit);--space-m: calc(var(--space-s) * var(--spaceIncrement));--space-l: calc(var(--space-m) * var(--spaceIncrement));--space-xl: calc(var(--space-l) * var(--spaceIncrement));--space-2xl: calc(var(--space-xl) * var(--spaceIncrement));--space-3xl: calc(var(--space-2xl) * var(--spaceIncrement));--space-4xl: calc(var(--space-3xl) * var(--spaceIncrement));--space-x-l: 0 var(--space-l) 0 var(--space-l);--space-y-l: var(--space-l) 0 var(--space-l) 0;--space-x-m: 0 var(--space-m) 0 var(--space-m);--space-y-m: var(--space-m) 0 var(--space-m) 0;--textFrameRatio: 2.49;--textFrameY: .5em;--textFrameX: calc(var(--textFrameY) * var(--textFrameRatio));--accentH: 254;--accentS: 31%;--accentL: 50%;--c-accent: hsl(var(--accentH), var(--accentS), var(--accentL));--c-accentContrasted: hsl(var(--accentH), var(--accentS), 95%);--greyH: var(--accentH);--greyS: 5%;--initialGreyLightness: 93%;--greyscaleLightnessIncrement: 11.3%;--grey1L: var(--initialGreyLightness);--grey2L: calc( var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 1 );--grey3L: calc( var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 2 );--grey4L: calc( var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 3 );--grey5L: calc( var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 4 );--grey6L: calc( var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 5 );--grey7L: calc( var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 6 );--grey8L: calc( var(--initialGreyLightness) - var(--greyscaleLightnessIncrement) * 7 );--c-grey1: hsl(var(--greyH), var(--greyS), var(--grey1L));--c-grey2: hsl(var(--greyH), var(--greyS), var(--grey2L));--c-grey3: hsl(var(--greyH), var(--greyS), var(--grey3L));--c-grey4: hsl(var(--greyH), var(--greyS), var(--grey4L));--c-grey5: hsl(var(--greyH), var(--greyS), var(--grey5L));--c-grey6: hsl(var(--greyH), var(--greyS), var(--grey6L));--c-grey7: hsl(var(--greyH), var(--greyS), var(--grey7L));--c-grey8: hsl(var(--greyH), var(--greyS), var(--grey8L));--c-border: hsla(var(--greyH), var(--greyS), var(--grey8L), .1);--c-overlay: hsla(var(--greyH), var(--greyS), var(--grey8L), .07);--c-background: white;--c-body: var(--c-grey8);--c-bodyDimmed: hsla(var(--greyH), var(--greyS), var(--grey8L), .5);--c-fieldBorder: var(--c-grey2);--c-buttonBg: var(--c-grey2);--radius: .25rem;--fieldBorderWidth: 2px;font-family:var(--fontFamily);font-size:var(--baseTextSize);line-height:var(--globalLineHeight);font-weight:400;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:rgb(151,151,151);background:linear-gradient(128deg,rgba(151,151,151,1) 0%,rgba(193,193,193,1) 100%)}body{line-height:1.5;-webkit-font-smoothing:antialiased;height:100vh;display:grid;grid-template-areas:"header" "panel" "contenu";grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,600px);padding:var(--space-x-l);background-color:#fff}header{grid-area:header;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:solid var(--c-border);padding:var(--space-y-l)}aside{grid-area:panel;padding-top:var(--space-m)}main{grid-area:contenu;padding-top:var(--space-m);position:relative;overflow:hidden}.baractions{position:fixed;top:124px;right:-22px;height:32px;width:30px;background:white;border-radius:4px;transition:right 1s}.baractions:hover{right:-3px}#MyName{overflow:hidden}#MyName span{display:inline-block}#MyJob{overflow:hidden;font-size:1.17em}#MyJob span{display:inline-block}.navigation li.active a{font-weight:100;text-decoration:underline}.navigation li a{font-weight:100;transition:font-weight .2s ease-in-out}.navigation li:hover a{font-weight:900}.main__item{display:none;position:absolute;left:0;right:0}#_experience.main__item{overflow:hidden}.main__item.active{height:100%;display:block}.badges{display:flex;gap:5px;flex-wrap:wrap}.badges li{border:grey 1px solid;border-radius:8px;padding:0 10px}.slider{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;height:calc(100% - 156px)}.slider .slider__item{overflow:scroll;height:100%;flex:0 0 100%;scroll-snap-align:start}.slider__nav{display:flex;justify-content:space-between;padding:var(--space-y-m);height:11%}#slidernav_next,#slidernav_previous{width:var(--space-2xl);translate:0px -20px}.info{display:flex;justify-content:space-between}.skill{height:84%;overflow:scroll}.skill__item{display:grid;grid-template-columns:repeat(auto-fill,6.5rem);justify-content:space-between;grid-gap:20px}.skill__item i{font-size:6.5rem}.task__item{padding-left:20px}#slidernav .icon.icon-tabler.icon-tabler-circle-chevron-left{transition:.4s}#slidernav button{padding:0 10px}#slidernav button:hover .icon.icon-tabler.icon-tabler-circle-chevron-left{translate:-3px}#slidernav .icon.icon-tabler.icon-tabler-circle-chevron-right{transition:.4s}#slidernav button:hover .icon.icon-tabler.icon-tabler-circle-chevron-right{translate:3px}.underline{position:relative;margin-bottom:2rem}.underline:after{animation:linearGradientMove .8s ease-in-out both}.main__item .underline:after{content:"";position:absolute;width:0px}.main__item .underline:after{border-bottom:solid 1px black;top:2.2rem;left:0}@keyframes linearGradientMove{to{width:100%}}.text-right{text-align:right}.m-l-auto{margin-left:auto}.cursor{display:block;border:solid;height:10px;width:10px;position:absolute;top:0;left:0;border-radius:15px;background:black}.plane{display:none}.email:hover .plane{scale:1}.d-flex{display:flex}.justify-end{justify-content:end}.hide{opacity:0}.none{display:none}@keyframes planemove{0%{translate:0px 0px}30%{translate:-10px 30px}50%{translate:-50px 100px}60%{translate:-300px 130px}to{translate:60px 200px}}@media (min-width: 576px){body{grid-template-areas:"header header" "panel contenu";grid-template-columns:minmax(0,286px) minmax(0,600px);grid-template-rows:auto 1fr}}@media (min-width: 1440px){body{max-width:960px}}