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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.terminal-wrapper{align-items:center;color:#ccdad1;display:inline;font:700 40px/1.5 Apercu,sans-serif;font-size:8vw;position:relative}.terminal-content{display:inline;line-height:1.5;white-space:pre-wrap}.cursor{animation:blink 1s step-end infinite;background-color:#ccdad1;display:inline-block;height:1em;margin:0 0 auto 10px;width:4px}@keyframes blink{50%{opacity:0}}@media(min-width:768px){.terminal-wrapper{font-size:60px}}@media(min-width:1024px){.terminal-wrapper{font-size:60px}}.mouse-scroll-button{animation:bounceTranslate 3s ease-in-out infinite;background-color:#ccdad1;border-radius:16px;height:10px;left:calc(50% - 2px);position:relative;top:15%;transition:background-color .4s ease-in-out;width:4px}.mouse-scroll-container{border:3px solid;border-color:inherit;border-radius:16px;height:40px;width:28px}.mouse-main-container{animation:bounceOpacity 3s ease-in-out infinite;border-color:#ccdad1;bottom:5vh;cursor:pointer;left:calc(50vw - 14px);position:absolute;transition:transform .4s ease-in-out,border-color .4s ease-in-out}.mouse-main-container:hover{border-color:#ffa61f;transform:scale(1.1)}.mouse-main-container:hover .mouse-scroll-button{background-color:#ffa61f}@keyframes bounceTranslate{0%{transform:translateY(0)}20%{transform:translateY(-2px)}40%{transform:translateY(12px)}50%{transform:translateY(10px)}70%{transform:translateY(-3px)}80%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes bounceOpacity{0%{opacity:1}20%{opacity:1}40%{opacity:.5}50%{opacity:.5}70%{opacity:1}to{opacity:1}}.home-intro{background-color:#1f485e}.home-intro-main-container{display:flex;flex-direction:column;gap:60px;padding-bottom:80px;text-align:start}.home-intro-main-container-description{letter-spacing:.4px}.home-intro-main-container-description a{cursor:pointer;font-weight:700;position:relative;transform-origin:left;transition:color .8s cubic-bezier(.25,1,.5,1)}.home-intro-main-container-description a:hover{color:#ffa61f}.home-intro-main-container-description a:hover:after{transform:scaleX(1)}.home-intro-main-container-description a:after{background:#ffa61f;bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .5s ease;width:100%}.fade-in{opacity:0;transition:opacity .4s ease-in-out .1s}.fade-in.show{opacity:1}@media(min-width:768px){.home-intro-main-container{padding-bottom:80px}}.pf-skill{text-wrap:nowrap;align-items:center;background-color:rgba(31,72,94,.8);border-radius:8px;color:#ffa61f;cursor:pointer;display:flex;font:24px/1.5 Apercu Mono,sans-serif;gap:8px;justify-content:left;margin-right:16px;padding:16px;transition:transform .5s ease,box-shadow .3s ease;width:fit-content}.pf-skill:hover{background-color:#1f485e;box-shadow:0 14px 16px rgba(0,0,0,.3);transform:translateY(-5px) scale(1.05)}.infinite-carousel{align-content:center;bottom:-95vh;height:120px;position:absolute;right:0;width:100vw}.infinite-carousel-main-container{align-items:center;display:flex;height:100%;margin:0;overflow:hidden;padding:0;width:100vw}.infinite-carousel-main-container:hover .infinite-carousel-skills-container{animation-play-state:paused}.infinite-carousel-skills-container{animation:scroll 30s linear infinite;bottom:-80vh;display:flex;flex-direction:row;padding:0}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-33.3333333333%)}}@media(min-width:768px){.infinite-carousel{bottom:-85vh}}@media(min-width:1024px){.infinite-carousel{bottom:-80vh}}.home-foreword{background-color:#9caea9;color:#1f485e}.home-foreword-main-container{display:flex;flex-direction:column;gap:40px;padding-bottom:240px}.stepper-item{align-items:flex-end;display:none;flex-direction:column;position:fixed;right:20px;top:50%;transform:translateY(-50%)}.stepper-item-container{align-items:center;display:flex;flex-direction:row-reverse;letter-spacing:1px}.stepper-item-text{color:#ffa61f;font:10px/1.5 Baron,sans-serif;margin-right:8px;pointer-events:none}.step{background-color:#ccdad1;border-radius:50%;cursor:pointer;height:12px;margin:5px 0;opacity:50%;transition:background-color .4s ease-in-out,opacity .4s ease-in-out,transform .4s ease-in-out;width:12px}.step:hover:not(.active){background-color:#ffa61f;scale:1.2}.step:hover:not(.active)~.stepper-item-text{animation:translate-x .4s ease-in-out forwards}.step.active{background-color:#ffa61f;cursor:auto;opacity:100%}@media(min-width:768px){.stepper-item{display:flex}}.knowledge{display:flex;min-height:80px;min-width:80px;width:100%}.knowledge-container,.knowledge-main-container,.knowledge-main-container-active{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-width:80px;padding:15px;transition:color .5s ease-in-out,box-shadow .5s ease-in-out;width:100%}.knowledge-main-container{color:#ccdad1}.knowledge-main-container:hover{animation:pulse 2.4s ease-out infinite;color:#ffc878}.knowledge-main-container-active{color:#ffa61f;cursor:auto;transform:scale(1.1)}.knowledge-name{font:700 16px/1.5 Apercu Mono,sans-serif}.knowledge-icon{color:inherit;font-size:3em}@media(min-width:768px){.knowledge-container,.knowledge-main-container,.knowledge-main-container-active{min-width:80px;width:100%}.knowledge-name{font-size:16px}}@media(min-width:1024px){.knowledge-container,.knowledge-main-container,.knowledge-main-container-active{min-width:165px}.knowledge-name{font-size:24px}}.home-knowledges{background-color:#7a5c61;color:#ccdad1}.home-knowledges-main-container{display:flex;flex-direction:column;gap:40px;height:80vh;width:100%}.home-knowledges-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-evenly;margin-top:90px}.home-knowledges-description{display:flex;height:250px;margin-left:16px;margin-right:16px;margin-top:32px;overflow:visible;transition:height 1s ease,padding .5s ease;width:calc(100vw - 64px);width:calc(100vw - (var(--section-container-padding) + 16px)*2)}.home-knowledges-description.first{height:0}.home-knowledges-description-name{color:#9caea9;font:700 20px/1.5 Apercu Mono,sans-serif;font-size:clamp(.2rem,5vw,20px);margin-bottom:8px}.home-knowledges-item{display:flex;width:calc(50% - 6px)}@media(min-width:768px){.home-knowledges-main-container{height:50vh}.home-knowledges-list{flex-wrap:nowrap;margin-left:32px;margin-right:32px;margin-top:100px}.home-knowledges-item{width:100%}.home-knowledges-description{height:150px;width:calc(100vw - 64px);width:calc(100vw - (var(--section-container-padding) + 16px)*2)}.home-knowledges-description-name{font-size:20px}}@media(min-width:1024px){.home-knowledges-list{margin-left:40px;margin-right:40px;margin-top:50px}.home-knowledges-description{height:200px;margin-left:32px;margin-right:32px;margin-top:70px;max-width:100%;width:calc(100vw - 96px);width:calc(100vw - (var(--section-container-padding) + 32px)*2)}.home-knowledges-description-name{font-size:24px}}:root{--dot-inner-size:20px;--dot-border:4px;--dot-size:(var(--dot-inner-size) + (2 * var(--dot-border)));--link-margin:10px;--item-container-size:22vw;--dot-scale:0.6;--link-width:Calc(var(--item-container-size) - var(--link-margin)*2 - var(--dot-size)*var(--dot-scale));--linkTranslateX:Calc(-50% - var(--link-margin) - (var(--dot-size)*var(--dot-scale))/2)}.timeline-main-container{display:flex;flex-direction:column;gap:5vh;height:70vh}.timeline-item{align-items:center;color:#ccdad1;cursor:pointer;display:flex;flex-direction:column;font:700 14px/1.5 Apercu,sans-serif;gap:12px;min-height:60px;text-align:center;transition:color .5s ease-in-out;width:22vw;width:var(--item-container-size)}.timeline-item.actif{color:#1f485e}.timeline-item.actif .timeline-item-company{color:#5a6d68}.timeline-item.actif .timeline-item-dot{background-color:#ffa61f;display:block;z-index:3}.timeline-item.actif .timeline-item-dot-link{background-color:#1f485e!important}.timeline-item.current .timeline-item-date,.timeline-item.current .timeline-item-role{color:#1f485e;transition:transform .5s ease-in-out,color .5s ease-in-out}.timeline-item.current .timeline-item-company{color:#7a5c61;transition:transform .5s ease-in-out,color .5s ease-in-out}.timeline-item.current .timeline-item-content,.timeline-item.current .timeline-item-date,.timeline-item.current .timeline-item-dot{transform:scale(1);transition:transform .5s ease-in-out,color .5s ease-in-out}.timeline-item.current .timeline-item-dot{border-color:#1f485e}.timeline-item-container{display:flex;flex-direction:row-reverse;justify-content:center;overflow:hidden;width:auto}.timeline-item-content{display:flex;flex-direction:column}.timeline-item-dot{background-color:#ffc878;border:4px solid transparent;border-radius:50%;display:flex;height:20px;height:var(--dot-inner-size);transform:scale(.6);transform:scale(var(--dot-scale));transition:background-color .5s ease-in-out,border .5s ease-in-out,transform .5s ease-in-out;width:20px;width:var(--dot-inner-size);z-index:1}.timeline-item-dot-container{align-items:center;display:flex;justify-content:center}.timeline-item-dot-link{background-color:#ccdad1;border-radius:5px;content:"";height:5px;position:absolute;transform:translateX(Calc(-50% - 18.4px));transform:translateX(var(--linkTranslateX));transition:background-color .5s ease-in-out;width:Calc(22vw - 36.8px);width:var(--link-width);z-index:-1}.timeline-item-content,.timeline-item-date{transform:scale(.9);transition:transform .5s ease-in-out,color .5s ease-in-out}.timeline-item-date{font-size:12px}.timeline-item-company{color:#ccdad1;font-size:12px;transition:transform .5s ease-in-out,color .5s ease-in-out}.timeline-item:last-child .timeline-item-dot-link{background:none!important}.selected-job-main-container{display:flex;height:auto;margin:0 12px auto}.selected-job-container{background-color:#b0bfbb;border:10px;border-radius:8px;box-shadow:15px 25px 45px 3px rgba(66,66,66,.2);height:fit-content;padding:32px}.selected-job-header-container{align-items:start;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:24px}.selected-job-header-title{align-items:end;display:flex;flex-direction:column;text-align:end}.selected-job-header-title-role{font:700 20px/1.5 Apercu,sans-serif}.selected-job-header-title-company{color:#7a5c61}.selected-job-header-date,.selected-job-header-title-company{font:italic 12px/1.5 Apercu,sans-serif}.selected-job-description{font:14px/1.5 Apercu Mono,sans-serif}.selected-job-realisation{font-size:12px}.selected-job-realisation:last-child{padding-bottom:20px}.selected-job-realisation:first-child{padding-top:20px}.selected-job-realisations{display:flex;flex-direction:column;font:14px/1.5 Apercu Mono,sans-serif;margin:0 15px 45px}.selected-job-realisations-container{display:flex;max-height:30vh;overflow:scroll}.selected-job-realisations-scroll-fade{background:linear-gradient(180deg,hsla(0,0%,100%,0),#b0bfbb);height:24px;left:32px;pointer-events:none;position:absolute;top:calc(100% - 56px);width:calc(100% - 64px)}.selected-job-realisations-scroll-fade-top{background:linear-gradient(0deg,hsla(0,0%,100%,0),#b0bfbb);height:20px;left:32px;pointer-events:none;position:absolute;width:calc(100% - 64px)}@media(min-width:768px){:root{--item-container-size:140px}.timeline-main-container{height:auto}.timeline-item{font-size:16px}.timeline-item-company,.timeline-item-date{font-size:14px}.selected-job-description{font-size:20px}.selected-job-header-title-role{font-size:26px}.selected-job-header-date,.selected-job-header-title-company{font-size:16px}.selected-job-realisations{margin-bottom:0;max-height:none;padding:0}.selected-job-realisations-scroll-fade{display:none}.selected-job-realisation{font-size:14px}.selected-job-realisation:last-child{padding-bottom:0}}@media(min-width:1024px){:root{--item-container-size:100px;--dot-inner-size:25px;--link-width:Calc(var(--item-container-size) - var(--link-margin)*2 - var(--dot-size)*var(--dot-scale));--linkTranslateY:Calc(50% + var(--link-margin) + (var(--dot-size)*var(--dot-scale))/2)}.selected-job-main-container{margin:auto 12px;width:70vw}.timeline-main-container{flex-direction:row;gap:0;max-width:1140px;width:calc(100vw - 32px);width:calc(100vw - var(--section-container-padding)*2)}.timeline-item{flex-direction:row;height:22vw;height:var(--item-container-size);margin:0;width:100%}.timeline-item-date{width:25%}.timeline-item-content{text-align:left;width:100%}.timeline-item-dot-link{background-color:#ccdad1;height:Calc(22vw - 36.8px);height:var(--link-width);transform:translateY(var(--linkTranslateY));width:5px}.timeline-item-container{flex-direction:column;width:30vw}}.home-experiences{background-color:#9caea9;color:#1f485e}.home-experiences-main-container{display:flex;flex-direction:column;gap:40px}.loading-button-main-container{align-items:center;display:flex;justify-content:center;width:calc(100vw - 32px);width:calc(100vw - var(--section-container-padding)*2)}.loading-button-container{align-items:center;display:flex;opacity:1;position:absolute;transition:opacity .4s ease .5s,max-height .5s ease}.loading-button-container.hide{opacity:0;transition:opacity .4s ease,max-height .5s ease}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-contact{background-color:#1f485e;color:#ffa61f}.home-contact-main-container{display:flex;flex-direction:column;gap:40px;width:100vw}.home-contact-form{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.home-contact-form-container{display:flex;flex-direction:row;gap:20px}.home-contact-form-container .loading-button-main-container{margin:20px auto 0;width:50vw}@media(min-width:768px){.home-contact-main-container{margin:0 auto;width:70vw}.home-contact-form{margin:auto;max-width:50vw;width:70%}.home-contact-form-container .loading-button-main-container{width:50%}}@media(min-width:1024px){.home-contact-form{max-width:40vw}}@font-face{font-family:Apercu Mono;font-style:normal;font-weight:400;src:url(/portfolio/static/media/ApercuPro-Mono.b6a0362276c42538ea27.ttf) format("ttf"),url(/portfolio/static/media/ApercuPro-Mono.b91bc8c650e50875aea7.woff) format("woff"),url(/portfolio/static/media/ApercuPro-Mono.16d317b9e4d4607f170b.woff2) format("woff2")}@font-face{font-family:Baron;font-style:normal;font-weight:400;src:url(/portfolio/static/media/BaronNeue.840e4d6813c649414551.ttf) format("ttf"),url(/portfolio/static/media/BaronNeue.63fe248d61cd62a88afd.woff) format("woff"),url(/portfolio/static/media/BaronNeue.72e2e29e7013f82a5555.woff2) format("woff2")}:root{--section-container-padding:16px}@media(min-width:768px){:root{--section-container-padding:32px}}@media(min-width:1024px){:root{--section-container-padding:40px}}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.pf-fullscreen{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.pf-section-container{text-wrap:pretty;display:flex;font:16px/1.5 Apercu Mono,sans-serif;font-size:clamp(.2rem,4vw,16px);letter-spacing:.4px;max-width:calc(100% - 32px);max-width:calc(100% - var(--section-container-padding)*2);padding:16px;padding:var(--section-container-padding);word-spacing:-.1em}.pf-section-title{font:40px/1.5 Baron,sans-serif}.pf-button{align-items:center;background-color:#ffa61f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font:700 18px/1.5 Apercu Mono,sans-serif;height:3.5em;justify-content:center;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,width .4s ease-in-out .1s,border-radius .2s ease-in-out;width:100%}.pf-button.success{background-color:green;border-radius:150px;pointer-events:none;width:3.5em}.pf-button.success svg{height:1.5em;width:1.5em}.pf-button.error{background-color:red;border-radius:150px;pointer-events:none;width:3.5em}.pf-button.error svg{height:1.7em;width:1.7em}.pf-button:disabled{background-color:rgba(255,166,31,.5);cursor:not-allowed;pointer-events:none}.pf-button:active{background-color:#1f485e;box-shadow:0 4px 30px 8px hsla(0,0%,8%,.4)}.pf-spinner{animation-duration:1s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;color:#fff;height:3em}.pf-animation-delay{transition-delay:.5s}.pf-shiny-text{-webkit-text-fill-color:transparent;animation:shine 5.5s linear infinite;background:linear-gradient(23deg,#000,#000,#000,#000,#1f485e,#000,#000,#000);-webkit-background-clip:text;background-size:320% 2000%}.pf-shiny-text:hover{-webkit-text-fill-color:unset;animation:none;background:transparent;-webkit-background-clip:initial}@keyframes shine{0%{background-position:147%}40%{background-position:147%}50%{background-position:0}80%{background-position:0}89%{background-position:147%}to{background-position:147%}}.pf-appear-animation{opacity:0}.pf-appear-animation.active{animation:appear 1s ease-out forwards;animation-delay:.1s}.pf-appear-animation.active-fast{animation:appear-fast .7s ease-out forwards}@keyframes appear{0%{opacity:0;transform:translate3d(0,10vh,0) skew(0deg,6deg);transform-style:preserve-3d}to{opacity:1;transform:skew(0deg,0deg);transform-style:preserve-3d}}@keyframes appear-fast{0%{opacity:0;transform:translate3d(0,4vh,0) skew(0deg,5deg) scale(.9);transform-style:preserve-3d}to{opacity:1;transform:skew(0deg,0deg) scale(1);transform-style:preserve-3d}}.pf-fade-in-animation{opacity:0}.pf-fade-in-animation.active{animation:fadeIn 1s ease-in-out forwards;animation-delay:.2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pf-translate-x{opacity:0;transform:translateX(30%)}@keyframes translate-x{0%{opacity:0;transform:translateX(30%)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,10%,60%,to{color:#ffc878;filter:drop-shadow(0 0 40px rgba(0,0,0,.75));transform:scale(1)}25%{color:#ffa61f;filter:drop-shadow(0 0 15px rgba(0,0,0,.8));transform:scale(.9)}30%{color:#ffb74b;filter:drop-shadow(0 0 20px rgba(0,0,0,.85));transform:scale(.95)}35%{color:#ffa61f;filter:drop-shadow(0 0 17px rgba(0,0,0,.82));transform:scale(.92)}}@media(min-width:768px){.pf-button:hover{background-color:#1f485e;box-shadow:0 4px 30px 8px hsla(0,0%,8%,.4);color:#ffa61f}.pf-section-container{font-size:18px}.pf-section-title{font-size:50px}}@media(min-width:1024px){.pf-section-container{font-size:20px;letter-spacing:0;max-width:1140px;word-spacing:0}.pf-section-title{font-size:60px}}
/*# sourceMappingURL=main.1b16e074.css.map*/