.ExperienceList{background-color:var(--DarkPrimary);padding:90px 30px;display:flex;flex-direction:column;align-items:center;transition:.4s}.ExperienceList-title{font-size:30px;color:var(--MiddlePrimary);margin-bottom:60px;font-weight:400;letter-spacing:3px}.Experience{background-color:var(--DarkSecondary);margin-bottom:30px;max-width:850px;min-width:250px;width:100%;box-shadow:var(--StandardShadow)}.Experience-header{display:flex;background-color:var(--MiddlePrimary);align-items:center;justify-content:center}.Experience-corps{display:flex;padding:10px 30px 30px;flex-direction:column}.Experience-date{font-size:20px;font-weight:400;color:var(--DarkSecondary);padding:5px;word-spacing:3px}.Experience-duration{font-size:16px;font-weight:lighter;color:var(--DarkSecondary)}.Experience-work{flex:1;font-size:40px;font-weight:100;letter-spacing:2px;color:var(--MiddlePrimary);margin-bottom:10px;margin-top:10px}.Experience-entreprise{font-size:25px;font-weight:lighter;color:var(--MiddlePrimary);margin:0 10px 0 0}.Experience-location{font-size:25px;font-weight:lighter;text-decoration:none;color:var(--MiddlePrimary)}.Experience-location:hover{color:var(--BrightPrimary);transition:.2}.Experience-location:hover svg path{fill:var(--BrightPrimary);transition:.2}.Experience-title{font-size:20px;color:var(--BrightPrimary);font-weight:500;margin-bottom:10px;margin-top:10px}.Experience-description{white-space:pre-line;line-height:1.5;font-weight:400;font-size:16px;color:var(--BrightSecondary);margin-bottom:20px}.Experience-skills{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width: 700px){.ExperienceList{padding:30px 0}.Experience-work{font-size:30px}}@media (max-width: 1050px){.ExperienceList.sidemenuopen{padding:30px 0}.Experience-work.sidemenuopen{font-size:30px}}.skill{align-items:center;justify-items:center;display:flex;margin-right:10px;margin-bottom:10px}.skill-button{padding:10px 15px;background-color:var(--skill-background);cursor:pointer;transition:all .1s ease-in-out;border:0px solid var(--MiddlePrimary);border-radius:5px;color:var(--skill-text);font-size:16px;font-weight:400;box-shadow:var(--StandardShadow)}.skill-button:hover{background-color:var(--skill-background-hover);color:var(--BrightPrimary)}.skill-button:active{background-color:var(--DarkPrimary);border-color:var(--DarkPrimary);color:var(--MiddlePrimary)}.skill-duration{background-color:var(--skill-supp-background);padding:5px 20px;border-top-right-radius:50px;border-bottom-right-radius:50px;box-shadow:var(--StandardShadow);color:var(--skill-supp-text)}.skillslist{background-color:var(--DarkSecondary);padding:90px 30px;display:flex;flex-direction:column;align-items:center}.skillslist-content{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:60px;column-gap:60px;justify-content:center}.skillslist-title{font-size:30px;color:var(--MiddlePrimary);margin-bottom:60px;font-weight:400;letter-spacing:3px}.skillslist-skilltype-title{color:var(--MiddlePrimary);font-weight:400;font-size:20px;margin-bottom:20px}.formationList{background-color:var(--DarkPrimary);padding:90px 30px;display:flex;flex-direction:column;align-items:center;transition:.4s}.formationList-title{font-size:30px;color:var(--MiddlePrimary);margin-bottom:60px;font-weight:400;letter-spacing:3px}.formation{background-color:var(--DarkSecondary);margin-bottom:30px;max-width:850px;min-width:250px;width:100%;box-shadow:var(--StandardShadow);border-radius:0}.formation-header{display:flex;align-items:center;justify-content:center}.formation-corps{display:flex;padding:10px 30px 30px;flex-direction:column}.formation-corps-img{background-position:center;height:300px;display:flex;align-items:flex-end;justify-content:left;margin-left:15px;margin-right:15px;border-radius:5px;box-shadow:var(--StandardShadow)}.formation-corps-img-transparency{display:flex;align-items:flex-end;justify-content:left;padding:15px;width:100%;height:100%;background-color:#16202579;border-radius:5px}.formation-corps-img-logo{max-height:50px;max-width:100%;filter:drop-shadow(var(--StandardShadow))}.formation-date{font-size:25px;font-weight:400;color:var(--BrightPrimary);padding:10px;word-spacing:3px}.formation-name{flex:1;font-size:40px;font-weight:100;letter-spacing:2px;color:var(--MiddlePrimary)}.formation-location{font-size:25px;font-weight:lighter;text-decoration:none;color:var(--MiddlePrimary)}.formation-location:hover{color:var(--BrightPrimary);transition:.2}.formation-location:hover svg path{fill:var(--BrightPrimary);transition:.2}.formation-subtitle{font-size:20px;color:var(--BrightPrimary);font-weight:500;margin-bottom:10px;margin-top:10px}@media (max-width: 700px){.formationList{padding:30px 0}.formation-corps-img{height:200px}.formation-name{font-size:30px}}@media (max-width: 1050px){.formationList.sidemenuopen{padding:30px 0}.formation-corps-img.sidemenuopen{height:200px}.formation-name.sidemenuopen{font-size:30px}}.footer{background-color:var(--DarkTertiary);height:200px;display:flex;align-items:center;justify-content:center}.footer-returnatthetop{font-size:20px;font-weight:400;color:var(--MiddlePrimary);text-decoration:none;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:15px;border-radius:999px;transition:.4s}.footer-returnatthetop:hover{background-color:var(--MiddlePrimary);color:var(--BrightPrimary)}.footer-returnatthetop-svg{margin-right:15px}.footer-returnatthetop-svg line{stroke:var(--MiddlePrimary);transition:.4s}.footer-returnatthetop:hover .footer-returnatthetop-svg line{stroke:var(--BrightPrimary)}.ExperienceCard{background-color:var(--cv-grey-middle);border:0px solid var(--MiddlePrimary);border-radius:5px;padding:15px;margin-bottom:15px;box-shadow:var(--StandardShadow);display:flex;flex-direction:column;text-decoration:none}.ExperienceCard:hover{border-color:var(--BrightPrimary);background-color:var(--cv-grey-middle-hover)}.ExperienceCard:active{background-color:var(--DarkSecondary);border-color:var(--BrightPrimary)}.ExperienceCard-duration{color:var(--BrightPrimary);font-weight:400;font-size:20px;font-weight:lighter;letter-spacing:3px;font-size:25px;margin-top:-8px}.ExperienceCard-work{color:var(--MiddlePrimary);font-weight:lighter;font-size:20px;letter-spacing:1px}.ExperienceCard-title{color:var(--cv-side-text);font-weight:400;font-size:17px;margin-top:8px}.ExperienceCard-description{color:var(--cv-side-text);font-weight:lighter;font-size:17px}@media (max-width: 700px){.sidemenu{width:100vw;margin-left:-100vw;margin-right:0vw}.sidemenu.shown{width:100vw;margin-left:0vw;margin-right:-100vw}.sidemenu-scrollcontainer{padding-right:90px}.sidemenu-buttonclose.shown{margin-right:20px}}.sidemenu{z-index:99;width:500px;background-color:var(--MiddleSecondary);transition:.5s;margin-left:-500px;position:relative}.sidemenu.shown{margin-left:0}.sidemenu-scrollcontainer{padding:30px}.sidemenu-title{color:var(--MiddlePrimary);text-align:center;margin-bottom:30px;letter-spacing:3px;font-size:30px;font-weight:lighter}.sidemenu-infosupp{color:var(--BrightSecondary);margin-top:15px;margin-bottom:30px;font-size:16px;font-weight:lighter}.sidemenu-buttonclose{z-index:50;position:absolute;top:28px;right:0;width:50px;height:50px;margin-right:-25px;display:flex;align-items:center;justify-content:center;background-color:var(--MiddleSecondary);transition:.1s ease-out;transform:rotate(45deg);opacity:0}.sidemenu-buttonclose:hover{background-color:var(--MiddlePrimary)}.sidemenu-buttonclose:active{background-color:var(--DarkSecondary)}.sidemenu-buttonclose.shown{transition:.1s;transform:rotate(45deg);opacity:1}.sidemenu-buttonclose svg{transform:rotate(45deg)}.sidemenu-buttonclose:hover svg{height:17px;width:17px}@media (max-width: 1500px){.sidemenu{width:350px;margin-left:-350px}}.CuriculumVitae{display:flex;flex-direction:row;width:100%;flex:1;transition:.4}.CuriculumVitae-maincontent{height:100%;flex:1;scroll-behavior:smooth}.CuriculumVitae-maincontent-returnTop{position:relative;width:30px;height:30px;left:15px;margin-top:-65px;border-radius:50px;background-color:var(--MiddleSecondary);border:3px solid var(--MiddlePrimary);display:flex;align-items:center;justify-content:center}.CuriculumVitae-maincontent-returnTop:hover{border-color:var(--BrightPrimary)}.CuriculumVitae-maincontent-returnTop:active{background-color:var(--DarkSecondary)}.CuriculumVitae-maincontent-returnTop svg line{stroke:var(--MiddlePrimary)}.CuriculumVitae-maincontent-returnTop:hover svg line{stroke:var(--BrightPrimary)}.home{display:flex;width:100%;height:100%;transition:.4s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.home-background{height:100%;width:100%;position:absolute;display:flex;background-color:#d8e1e5}.home-background-img{min-height:100%}.home-textbox{flex:1;margin-top:30vh;z-index:7;display:flex;flex-direction:column;justify-content:center;margin-left:480px;margin-left:calc(400px + 10vw);margin-right:40px}.homme-buttonsGroup{display:flex;flex-wrap:wrap;column-gap:60px}.home-button{margin-top:60px;display:flex;align-items:center;position:relative;text-decoration:none}.home-button-img{position:absolute;left:0;z-index:1}.home-button-box{background-color:var(--home-grey-dark);color:var(--home-grey-light);font-size:20px;min-width:250px;margin-left:50px;padding:15px 25px 15px 70px;font-style:normal}.home-button-box:after{content:"";display:block;height:57px;position:absolute;background-color:var(--home-grey-darker);clip-path:polygon(0% 0%,90% 0%,100% 50%,90% 100%,0% 100%);left:50px;top:50%;width:0%;transform:translateY(-50%);transition:.5s}.home-button:hover .home-button-box:after{width:80%;transition:.5s}.home-button-text{position:relative;z-index:1000000;color:var(--home-grey-light);font-size:20px;font-style:normal}.home-textbox-title{color:var(--home-grey-dark);font-weight:200;font-size:40px;margin-bottom:30px}.home-textbox-introduction{color:var(--home-grey-dark);max-width:600px;font-size:20px}.home-linkedin{z-index:1;position:absolute;background-color:var(--home-grey-dark);right:30px;top:30px;width:40px;height:40px;border-radius:25px;display:flex;align-items:center;justify-content:center}.home-linkedin:hover{background-color:var(--home-grey-darker)}.home-linkedin img{width:20px;height:20px}@media (max-width: 830px){.home{flex-direction:column;background-color:var(--home-grey-darker);background-color:#272727}.home-background{flex:1;position:relative;display:flex;max-width:100%;min-height:unset;height:10vh}.home-textbox{flex:unset;display:flex;margin:70px 50px;justify-content:end;align-items:start}.home-textbox-title{color:var(--home-grey-light);font-size:25px}.home-textbox-introduction{font-size:16px;color:var(--home-grey-light)}}.portefolio{width:100%;height:100%;flex:1;justify-content:flex-start;background-color:var(--DarkPrimary);display:flex;flex-direction:row;position:relative;overflow:hidden}.porfolio-slide{min-width:100%;height:100%;transition:.5s}.porfolio-slide-btnClose{width:100px;height:100px;transform:rotate(45deg);position:absolute;right:60px;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end;padding:22px;transition:.5s;border:none}.porfolio-slide-btnClose:hover{filter:brightness(110%);transition:.3s}.porfolio-slide-btnClose svg{transform:rotate(45deg)}.portefolio-buttonLeft{left:0;bottom:0;position:absolute;display:block;width:10%;height:100%;z-index:1;background:#000;background:linear-gradient(90deg,#0006,#0000);transition:.5s;display:flex;justify-content:flex-start;padding-left:5%;align-items:center}.portefolio-buttonRight{right:0;bottom:0;position:absolute;display:block;width:10%;height:100%;z-index:1;background:#000;background:linear-gradient(90deg,#0000,#0006);transition:.5s;display:flex;justify-content:flex-end;padding-right:5%;align-items:center}.portefolio-buttonRight:hover{background:linear-gradient(90deg,#0000,#00000073);width:15%;transition:.5s;cursor:pointer}.portefolio-buttonLeft:hover{background:linear-gradient(90deg,#00000073,#0000);width:15%;transition:.5s;cursor:pointer}.portefolio-buttonRight svg path,.portefolio-buttonLeft svg path{fill:#ffffff4d;transition:.5s}.portefolio-buttonRight:hover svg path,.portefolio-buttonLeft:hover svg path{fill:#ffffff80;transition:.5s}.portefolio-buttonRight:active svg path,.portefolio-buttonLeft:active svg path{fill:#fff;transition:.1s}.portefolio-pageindicator{position:absolute;bottom:10%;width:200px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:space-between}.portefolio-pageindicator-active{width:10px;height:10px;background-color:#fff;transform:rotate(45deg)}.portefolio-pageindicator-unactive{width:10px;height:10px;background-color:#ffffff80;transform:rotate(45deg)}@media (max-width: 700px){.portefolio-buttonLeft{height:150px;width:150px;bottom:0;background:#000;background:linear-gradient(45deg,#0006,#0000 35%)}.portefolio-buttonRight{height:150px;width:150px;bottom:0;background:#000;background:linear-gradient(-45deg,#0006,#0000 35%)}.portefolio-buttonLeft:hover{background:#000;background:linear-gradient(45deg,#0006,#0000 45%);width:150px}.portefolio-buttonRight:hover{background:#000;background:linear-gradient(-45deg,#0006,#0000 45%);width:150px}.portefolio-pageindicator{bottom:75px;width:100px;transform:translate(-50%) translateY(50%)}}.portefoliosection{width:100%;height:100%;overflow:auto;background-color:#000}.portefoliosection-background{background-repeat:no-repeat;background-position:center;background-size:cover;height:100%;transition:ease-in-out .5s}.portefoliosection-background-filter{width:100%;height:100%;background-color:var(--SoaThemeDarkTr);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:100px}.portefoliosection-logo{max-width:600px;max-height:250px;height:auto;width:auto;transition:.1s}.portefoliosection-logominimized{max-width:500px;max-height:200px;height:auto;width:auto;transition:.4s}.portefoliosection-button{padding:10px 25px;border-radius:5px;border-width:0px;font-size:20px;color:#fff;transition:.3s;cursor:pointer}.portefoliosection-title{font-size:35px;font-weight:500;line-height:35px;color:#fff;text-align:center;display:none}.portefoliosection-subtitle{font-size:20px;color:#e0e0e0;max-width:600px;text-align:center;opacity:.9}.portefoliosection-button:hover{filter:brightness(110%);transition:.3s}.portefoliosection-content{background-color:#000}@media (max-width: 700px){.portefoliosection-logo{max-width:300px;max-height:170px;height:auto;width:auto;transition:.1s}.portefoliosection-logominimized{max-width:260px;max-height:140px;height:auto;width:auto;transition:.4s}.portefoliosection-button{margin-bottom:75px}.portefoliosection-background-filter{gap:40px;padding:40px}}.paragraph{display:flex;flex-direction:row;gap:80px;padding:100px 40px;justify-content:center}.paragraph--backgroundVariation{background-color:#0003}.paragraph-content{flex:3;display:flex;flex-direction:column;max-width:525px}.paragraph-content-title{color:#fffc;font-size:20px;font-weight:500;padding-bottom:40px}.paragraph-content-texte{color:#fffc;font-weight:lighter;font-size:18px;white-space:pre-line}.paragraph-illustration{flex:5;align-items:flex-start;justify-content:flex-start;display:flex;flex-direction:column;max-width:875px}.paragraph-illustration-image{max-width:875px;height:auto;width:100%}.paragraph-illustration-video{position:relative;max-width:875px;width:100%;height:auto;display:flex}.paragraph-video-image{width:100%;height:auto;max-width:875px}.paragraph-video-play{position:absolute;top:50%;right:50%;padding:14px 30px;border-radius:20px;background-color:#000000e6;transform:translate(50%) translateY(-50%);color:#fff;display:flex;justify-content:center;align-items:center;gap:20px;min-width:120px;transition:width 5s;cursor:pointer;text-decoration:none}.paragraph-video-play svg{width:20px;resize:none}.paragraph-video-play-text{display:none;color:#fff;font-weight:500}.paragraph-video-play:hover{background-color:#000}.paragraph-video-play:hover.Facebook{background-color:#003f88}.paragraph-video-play:hover.Youtube{background-color:#920000}.paragraph-video-play:hover .paragraph-video-play-text{display:block}@media (max-width: 1200px){.paragraph{align-items:center;padding-top:40px;padding-bottom:40px;flex-direction:column}.paragraph-illustration,.paragraph-content{display:block;max-width:800px}.paragraph-illustration *,.paragraph-content *{margin:0 auto}}.ProjectContent{display:flex;flex-direction:column;position:relative}.ProjectContent-intro{display:flex;justify-content:center;align-items:flex-start;padding:90px 40px;gap:50px}.ProjectContent-icon{max-width:30px}.ProjectContent-icon path{fill:currentColor}.ProjectContent-intro-texte{flex:1;color:#fffc;font-size:18px;font-weight:lighter;text-align:center;max-width:1105px;max-width:700px;white-space:pre-line}.ProjectContent-footer{flex:1;height:100%;background-color:#000000e6;color:#fffc;padding:90px 40px;display:flex;flex-direction:column;align-items:center}.ProjectContent-links{max-width:1500px;width:100%}.ProjectContent-links ul{margin-top:20px;display:flex;flex-direction:column;gap:20px;margin-bottom:120px}.ProjectContent-links li{list-style:none}.ProjectContent-links a:link,.ProjectContent-links a:visited{text-decoration:none;color:#fffc}.ProjectContent-links a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}@media (max-width: 1200px){.ProjectContent-intro{gap:15px;padding:90px 20px}.ProjectContent-intro-texte{max-width:500px}.ProjectContent-links{max-width:800px}.ProjectContent-icon{max-width:25px}}.intro{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:var(--DarkTertiary);z-index:999;display:flex;justify-content:center;align-items:center}.intro.end{position:fixed;width:100vw;height:100vh;top:-100vh;left:0vh;background-color:var(--DarkTertiary);z-index:999;display:flex;justify-content:center;align-items:center;transition:.7s ease-out}.triangle1{animation:3s linear 0ms rotation1}.triangle2{animation:3s linear 0ms rotation2}@keyframes rotation1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotation2{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.navbar{background-color:none;background-color:var(--DarkTertiary);box-shadow:var(--StandardShadow);width:100vw;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;padding-right:50px;padding-left:50px;height:50px;z-index:100}.navbar-button{height:50px;padding-left:25px;padding-right:25px;text-decoration:none;margin-left:5px;display:flex;align-items:center;justify-content:center;position:relative}.navbar-button:after{content:"";position:absolute;display:block;top:-120px;width:100px;height:100px;background-color:var(--DarkSecondary);transform:rotate(45deg);transition:.5s;box-shadow:var(--StandardShadow)}.navbar-button:hover:after{top:-50px;transition:.5s}.navbar-button:active:after{background-color:var(--DarkTertiary);transition:.1s}.navbar-button div{color:var(--BrightPrimary);font-style:normal;z-index:1}.navbar-button-cursor{position:absolute;bottom:-3px;width:10px;height:10px;background-color:#fff;box-shadow:var(--StandardShadow);transform:rotate(45deg);z-index:1;transition:.2s ease-out}.navbar-button-nocursor{position:absolute;bottom:-0px;width:0px;height:0px;background-color:#fff;transform:rotate(45deg);transition:.1s ease-in;z-index:1}.layout{position:fixed;height:100%;width:100%;background-color:var(--DarkPrimary);background-size:cover;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--white-01: #f0f0f0;--white-02: #c7c7c7;--grey-light-01: #e2e2e2;--grey-middle-01: #a8a8a8;--grey-middle-02: #858585;--grey-dark-01: #303030;--grey-dark-02: #272727;--grey-dark-03: #202020;--black-01: #1b1b1b;--black-02: #0e0e0e;--blue-01: #49b8d4;--blue-02: #1e3f53;--home-grey-light: var(--grey-light-01);--home-grey-dark: var(--grey-dark-01);--home-grey-darker: var(--grey-dark-03);--cv-grey-middle: var(--black-01);--cv-grey-middle-hover: var(--blue-02);--cv-side-text: var(--grey-middle-01);--skill-background: var(--grey-dark-02);--skill-background-hover: var(--blue-02);--skill-supp-background: var(--black-02);--skill-text: var(--grey-light-01);--skill-supp-text: var(--grey-middle-02);--DarkPrimary: var(--grey-dark-02);--DarkSecondary: var(--grey-dark-01);--DarkTertiary: var(--grey-dark-03);--MiddlePrimary: var(--blue-01);--MiddleSecondary: var(--black-02);--BrightPrimary: var(--white-01);--BrightSecondary: var(--white-02);--SoaThemeDark: #1f1a18;--SoaThemeDarkTr: #1f1a18e3;--SoaThemeHighlight: #eb4e22;--StandardShadow: 1px 3px 5px rgba(0, 0, 0, .295);--StandardShadowText: .5px 1.5px 2px rgba(0, 0, 0, .295)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border:3px solid var(--DarkTertiary);background-color:var(--BrightSecondary);border-radius:5px}::-webkit-scrollbar-track{background-color:var(--DarkTertiary)}