.hero{display:flex;flex-direction:column;padding:var(--padding) calc(var(--padding) + var(--spacing))}.hero .name{--op:.42;font-size:2rem;font-weight:var(--bold);color:var(--white-color);margin-block:var(--spacing);filter:drop-shadow(0 3px 6px rgba(0,0,0,var(--op)))}.hero .title{width:fit-content;padding:.35rem .55rem;font-size:1.55rem;font-weight:var(--bold);color:var(--main-color);background-color:var(--white-color)}.hero .baseline{max-width:60%;font-size:1rem;color:var(--white-color);font-weight:var(--bold)}.hero .baseline>span{font-size:.875rem;font-weight:var(--light)}.contact{margin-bottom:1.75rem}.contact .mail,.contact .tel{display:block;color:var(--main-color);font-size:.875rem;font-weight:var(--extrabold);text-decoration:none}.social .social-list{--gap:10px;display:flex;flex-direction:column;row-gap:var(--gap);margin:0;padding:0;list-style:none}.social .link-wrapper{display:flex}.social .link,.social .username{display:flex;align-items:center;font-size:.688rem;color:var(--dark-color);font-weight:var(--bold)}.social .link{column-gap:var(--gap)}.social .link:first-of-type{margin-right:var(--gap)}.social .username{margin-left:var(--gap)}.coord{display:flex;flex-flow:column nowrap;height:fit-content;flex:0 1 auto;justify-content:space-between;padding:calc(2.5 * var(--padding) + var(--spacing)) 1rem;margin-inline:auto}.banner{--spacing: .5rem;--padding: .8rem;display:flex;width:100%;height:fit-content}.header-wrap{--op:.17;filter:drop-shadow(0 6px 8px rgba(0,0,0,var(--op)))}.header{width:525px;height:292px;display:flex;flex:1 0 auto;background:var(--main-color);clip-path:polygon(0 0,100% 0,80% 66%,60% 50%,33% 90%,0% 100%);will-change:clip-path;transition:all .75s ease-in-out;cursor:pointer}.header:hover{background:var(--secondary-color);clip-path:polygon(0 0,100% 0,75% 75%,65% 65%,40% 80%,0% 100%)}.technos{display:flex;padding:1rem;width:100%;height:100%;justify-content:space-evenly;align-items:center;flex-wrap:wrap;align-self:center;justify-self:center;grid-area:technos;position:relative}.techno-link{display:flex;flex-direction:column;align-items:center;position:absolute}.techno-link .name{font-size:.7rem;font-weight:var(--light)}.techno-javascript{--name:javascript;top:20%;left:5%;right:unset;bottom:unset}.techno-reactjs{--name:reactjs;top:35%;left:22%;right:unset;bottom:unset}.techno-nextjs{--name:nextjs;top:10%;left:32%;right:unset;bottom:unset}.techno-typescript{--name:typescript;top:22%;left:unset;right:30%;bottom:unset}.techno-sass{--name:sass;top:40%;left:44%;right:unset;bottom:unset}.techno-redux{--name:redux;top:40%;left:unset;right:18%;bottom:unset}.techno-jest{--name:jest;top:50%;left:5%;right:unset;bottom:unset}.techno-nightwatch{--name:nightwatch;top:60%;left:25%;right:unset;bottom:unset}.techno-vercel{--name:vercel;top:unset;left:unset;right:32%;bottom:15%}.techno-vercel .logo{--sizes:82px}.techno-swagger{--name:swagger;top:unset;left:unset;right:13%;bottom:5%}.techno-vite{--name:vite;top:unset;left:unset;right:30%;bottom:-2%}.techno-prisma{--name:prisma;top:unset;left:10%;right:unset;bottom:-2%}.techno-supabase{--name:supabase;top:unset;left:32%;right:unset;bottom:-1%}.techno-supabase .logo{--sizes:82px}.skill-item{display:flex;flex-direction:column;justify-content:center;margin-block:0 .813rem;position:relative;row-gap:3px}.skill-item:last-of-type{margin-bottom:0}.skill-item .title{display:flex;align-items:center;position:relative;margin:0;font-size:.813rem;font-weight:var(--regular)}.skill-item .additional{margin-block:.15rem;padding-left:5px}.skill-item .desc{line-height:1.1}.skill-item:before{content:"";display:block;width:12px;height:9px;background-color:var(--main-color);position:absolute;left:-25px;clip-path:polygon(25% 0,82% 0,100% 60%,80% 100%,30% 100%,0 58%);transition:all .25s ease-in-out}.skill-item:hover:before{background:var(--secondary-color)}.formations .heading{position:relative}.formations .heading:before{position:absolute;top:-10px}.formations .formation-item .additional{width:80%;margin-top:.625rem}.exp-item.main .title{margin-top:0}.exp-item .additional{width:75%;margin-block:5px}.blockdatas{--spacing:1rem}.blockdatas.skills{--layout:skills;grid-area:skills}.blockdatas.skills .block-title{display:flex}.blockdatas.skills .heading{display:flex;margin-bottom:1.55rem}.blockdatas.skills .heading:before{content:"";display:block;width:25px;height:25px;background:url(/assets/skills.svg) no-repeat center;margin-inline:-.65rem 1rem}.blockdatas.formations{--layout:formations;grid-area:formations}.blockdatas.formations .block-title{display:flex}.blockdatas.formations .heading{display:flex;margin-bottom:1.55rem}.blockdatas.formations .heading:before{content:"";display:block;width:25px;height:25px;background:url(/assets/formations.svg) no-repeat center;margin-inline:-.65rem 1rem}.blockdatas.experiences{--layout:experiences;grid-area:experiences}.blockdatas.experiences .block-title{display:flex}.blockdatas.experiences .heading{display:flex;margin-bottom:1.55rem}.blockdatas.experiences .heading:before{content:"";display:block;width:25px;height:25px;background:url(/assets/experiences.svg) no-repeat center;margin-inline:-.65rem 1rem}.blockdatas .listing:has(.timelined){border-left:2px solid var(--dark-color);padding-left:var(--gap);position:relative}.blockdatas .listing:has(.shaped){padding-left:var(--gap);position:relative}.blockdatas .timelined{--dot-size: 10px;--dot-position-top: 5px;--op: .35;position:relative}.blockdatas .timelined:before{content:"";width:var(--dot-size);height:var(--dot-size);display:block;position:absolute;top:var(--dot-position-top);left:calc(var(--gap) * -1.05);transform:translate(-50%);background-color:var(--dark-color);border:1px solid var(--white-color);border-radius:50%;transition:all .33s ease-in-out}.blockdatas .timelined.main{--dot-size:20px;--dot-position-top:0}.blockdatas .timelined.main:before{background-color:var(--main-color);filter:drop-shadow(1px 2px 4px var(--main-color),var(--op));border:unset}.blockdatas .timelined.main:hover{--dot-size:22px}.blockdatas .timelined.main:hover:before{background:var(--secondary-color)}.blockdatas .timelined.main .title{margin-top:0}.blockdatas .timelined:hover{--dot-size:15px}.blockdatas .timelined:hover:before{background:var(--secondary-color)}.blockdatas .timelined p:last-of-type{margin-bottom:0}.block-wrapper{--gap:1.1rem;display:flex;column-gap:var(--gap)}*,*:after,*:before{box-sizing:border-box}input,textarea,select,option,button{font:inherit}img,video,canvas,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}.debeug{outline:2px dotted var(--debeug-color)}.debeug-alt{outline:2px dotted var(--debeug-alt-color)}:root{--layout:"cv";--main-color:#334A9A;--debeug-color:crimson;--debeug-color-alt:green;--white-color:#FFF;--black-color:#000;--dark-color:#333;--light-color:#F7F7F7;--secondary-color:#535bf2;--body-font:Roboto,Helvetica, Arial,sans-serif;--body-font-size:1rem;--body-font-weight:var(--regular);--thin:100;--light:300;--regular:400;--medium:500;--semibold:600;--bold:700;--extrabold:800}#root{width:827px;height:auto;margin:2rem auto;box-shadow:0 4px 8px #00000040;background-color:#fff;overflow:hidden}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:var(--body-font);font-size:var(--body-font-size);color-scheme:light dark}a{font-weight:500;color:var(--dark-color);text-decoration:inherit}a:hover{color:var(--main-color)}.core{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;height:100%}.core:before{content:"";width:110px;height:55px;position:absolute;bottom:0;left:0;background-color:var(--main-color);clip-path:polygon(0 8%,25% 0,30% 45%,70% 55%,100% 100%,0% 100%);transition:all .75s ease-in-out}.core:after{content:"";width:105px;height:515px;position:absolute;bottom:90px;right:0;background-color:var(--main-color);clip-path:polygon(10% 0,100% 5%,100% 100%,8% 80%,72% 65%,0% 40%);transition:all .75s ease-in-out}.core:hover:after{background:var(--secondary-color);bottom:80px;clip-path:polygon(20% 22%,100% 0%,100% 100%,25% 80%,55% 68%,35% 35%)}.core:hover:before{background:var(--secondary-color);bottom:-5px;clip-path:polygon(0 25%,25% 30%,30% 55%,70% 40%,100% 100%,0% 100%)}.wrapper{--gap:45px;width:100%;margin-top:-3.5rem;padding-inline:1.5rem;position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,max-content);grid-template-areas:"technos skills" "formations experiences";row-gap:var(--gap)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:var(--main-color);background-color:var(--white-color)}a:hover{color:#747bff}button{background-color:#f9f9f9}}.logo{--sizes:55px;max-width:var(--sizes);height:auto;padding:.5rem;will-change:filter;transition:all .8s ease-in-out}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667));transform:rotateY(1turn)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{padding:2em}.read-the-docs{color:#888}.block-title{width:fit-content;margin-block:0;font-size:1.375rem;font-weight:var(--regular);color:var(--dark-color);position:relative;z-index:2}.block-title:after{--offsetY:-3px;content:"";display:block;width:65%;height:6px;margin-top:2px;z-index:0;background-color:#334a9abf;position:absolute;bottom:var(--offsetY);left:0}.title{width:fit-content;margin-block:1.25rem .75rem;font-size:1.125rem;font-weight:var(--regular);color:var(--dark-color)}.subtitle{margin-block:1.25rem .75rem;font-size:1.125rem;font-weight:var(--regular);color:var(--dark-color);margin-block:.35rem;font-size:.813rem;font-weight:var(--bold)}.subtitle>.date{font-size:.688rem;font-weight:var(--light)}.additional{margin-block:1.25rem .75rem;font-size:1.125rem;font-weight:var(--regular);color:var(--dark-color);font-size:.688rem;font-weight:var(--light)}