@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap";:root{--couleur-background: #222327;--couleur-principale: #D0E7D2;--couleur-secondaire: #B0D9B1;--couleur-tertiaire: #79AC78;--couleur-quaternaire: #618264;scrollbar-color:var(--couleur-quaternaire) var(--couleur-background);scrollbar-width:thin}body{margin:0}#root{margin:0 auto;text-align:center}.App{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}body{background-color:var(--couleur-background);background-size:100% 100%;-webkit-animation:AnimationName 30s ease infinite;-moz-animation:AnimationName 30s ease infinite;-o-animation:AnimationName 30s ease infinite;animation:AnimationName 30s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-moz-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-o-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.HeaderAll{display:flex;flex-direction:column;width:100%;align-items:flex-start;background-color:var(--couleur-secondaire);padding:20px 0 0;position:relative;height:auto}.menu-header{display:flex;justify-content:space-between;align-items:center;z-index:100;width:100%}.menu-header h2{position:relative;margin-left:5%}.nav-menu{z-index:5;position:relative}.nav-menu ul{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.nav-menu a{margin:0 3vw;color:#fff;text-decoration:none;font-size:18px;font-weight:500;white-space:nowrap}.menu-header ul{padding-inline-start:0}.hamburger{cursor:pointer;margin-right:20px}.hamburger input{display:none}.hamburger svg{height:3em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}@media (max-width: 768px){.SmartMenu{display:flex!important}.nav-menu{margin-block-start:0}.nav-menu ul{display:flex!important;flex-direction:column!important;align-items:start!important;padding-inline-start:0!important;margin-block-start:0!important}.hamburger{display:block}}@media (min-width: 769px){.HeaderAll{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.hamburger{display:none}}@media (max-width: 1080px){.menu-header menu{left:70%}}@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation:fadeInFromTop .5s ease forwards}@keyframes fadeOutToBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.fadeOut{animation:fadeOutToBottom .5s ease forwards}.home-content{background:var(--couleur-secondaire);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:300px;top:0;z-index:-3;transition:ease-in-out .5s}.contentSkills{display:flex;flex-direction:column;justify-content:center;align-items:center}.Entete{background:var(--couleur-secondaire);display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap;position:relative;padding-bottom:4vh;width:100%;--mask: radial-gradient(26.25px at 50% calc(100% - 36.75px) ,#000 99%,#0000 101%) calc(50% - 42px) 0/84px 100%, radial-gradient(26.25px at 50% calc(100% + 15.75px) ,#0000 99%,#000 101%) 50% calc(100% - 21px) /84px 100% repeat-x;-webkit-mask:var(--mask);mask:var(--mask);z-index:1}.Entete h1,p{margin-bottom:0;text-align:left}.Entete h1{font-size:60px;color:var(--couleur-quaternaire)}.Decoratif-Element{position:absolute;transition:ease-in-out .5s}.Decoratif-Element:before{content:"";position:absolute;top:8rem;left:8rem;width:calc((20vh + 20vw)/2);height:calc((20vh + 20vw)/2);background-color:var(--couleur-quaternaire);border-radius:50%;z-index:-1}.Decoratif-Element-second{position:absolute;transition:ease-in-out .5s}.Decoratif-Element-second:before{content:"";position:absolute;top:8rem;left:-5rem;width:calc((30vh + 30vw)/2);height:calc((30vh + 30vw)/2);background-color:var(--couleur-tertiaire);border-radius:50%;z-index:-1}.ImageContainer{position:relative;max-width:1200px;width:30%;min-width:256px;z-index:10}.imageProfil{display:block;width:100%;height:auto}.gradient-overlay{position:absolute;bottom:0;left:0;width:100%;height:70%;background:linear-gradient(to bottom,transparent 0%,var(--couleur-secondaire) 100%);mask-image:url(../image.png);-webkit-mask-image:url(../image.png);mask-size:cover;-webkit-mask-size:cover;-webkit-mask-position:bottom center;mask-position:bottom center}.Information{display:inline-block;margin-top:0}.Information p{color:var(--couleur-quaternaire)}.Information p span{color:var(--couleur-quintuple)}.textAboutMe{max-width:300px}.textAboutMe p{text-align:left}.textAboutMe:last-child{margin-bottom:20px}.AboutMe{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:-40px 0 0;padding:0;width:100%;position:relative;background-color:var(--couleur-principale);box-shadow:var(--couleur-principale) 0 0 10px 0;z-index:0}.AboutMe:first-child{width:100%}.AboutMe h1{font-size:50px}.description{width:100%;text-align:left;margin-bottom:40px;line-height:2}.gradient-border{--border-width: 5px;position:relative;display:flex;justify-content:center;align-items:center;color:#fff;background:#222;border-radius:calc(2 * var(--border-width))}.gradient-border:after{position:absolute;content:"";top:calc(-1 * var(--border-width));left:calc(-1 * var(--border-width));z-index:-1;width:calc(100% + var(--border-width) * 2);height:calc(100% + var(--border-width) * 2);background-size:300% 300%;background:linear-gradient(60deg,#5f86f2,#a65ff2,#f25fd0,#f25f61,#f2cb5f,#abf25f,#5ff281,#5ff2f0) 0 50%;border-radius:calc(2 * var(--border-width));animation:moveGradient 4s alternate infinite}@keyframes moveGradient{50%{background-position:100% 50%}}@media (max-width: 40rem){.description{width:80%}}.Timeline *,.Timeline *:before,.Timeline *:after{margin:0;padding:0;box-sizing:border-box}.contentSkills{--color: rgb(125, 87, 87);--bgColor: var(--couleur-principale);gap:2rem;padding:2rem;font-family:Poppins,sans-serif}.Timeline{--col-gap: 2rem;--row-gap: 2rem;--line-w: .25rem;display:grid;align-content:center;gap:0rem;padding:2rem;font-family:Poppins,sans-serif;grid-template-columns:var(--line-w) 1fr;grid-auto-columns:max-content;column-gap:var(--col-gap);list-style:none;width:min(60rem,90%);margin-inline:auto}.Timeline:before{content:"";grid-column:1;grid-row:1 / span 20;background:var(--couleur-quaternaire);border-radius:calc(var(--line-w) / 2)}.Timeline li{grid-column:2;--inlineP: 2rem;margin-inline:var(--inlineP);width:100%;grid-row:span 2;display:grid;grid-template-rows:min-content min-content min-content}.Timeline li:not(:last-child){margin-bottom:var(--row-gap)}.Timeline li .date{--dateH: 3rem;height:var(--dateH);margin-inline:calc(var(--inlineP) * -1);text-align:center;background-color:var(--couleur-quaternaire);color:#fff;font-size:1.25rem;font-weight:700;display:grid;place-content:center;position:relative;width:100%;border-radius:calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2)}.Timeline li .date:after{content:"";position:absolute;width:2rem;aspect-ratio:1;background:var(--bgColor);border:.3rem solid var(--couleur-quaternaire);border-radius:50%;top:50%;transform:translate(50%,-50%);right:calc(100% + var(--col-gap) + var(--line-w) / 2)}.Timeline li .title,.Timeline li .descr{background:var(--bgColor);position:relative;padding-inline:1.5rem;width:100%}.Timeline li .title{overflow:hidden;padding-block-start:1.5rem;padding-block-end:.5rem;font-weight:500}.Timeline li .descr{padding-block-end:1.5rem;font-weight:300}@media (min-width: 40rem){.Timeline{grid-template-columns:1fr var(--line-w) 1fr}.Timeline:before{grid-column:2}.Timeline li:nth-child(odd){grid-column:1}.Timeline li:nth-child(2n){grid-column:3}.Timeline li:nth-child(2){grid-row:2/4}.Timeline li:nth-child(odd) .date:before{clip-path:polygon(0 0,100% 0,100% 100%);left:0}.Timeline li:nth-child(odd) .date:after{transform:translate(-50%,-50%);left:calc(100% + var(--col-gap) + var(--line-w) / 2)}.Timeline li:nth-child(odd) .date{border-radius:0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0}}@media (max-width: 40rem){.contentSkills{padding:0}.Timeline{padding:0;margin-inline:0}.Timeline li{--inlineP: 0}}.Footer{background-color:var(--couleur-secondaire);text-align:center;padding:10px;width:100%;z-index:100;display:flex;justify-content:center}.switchLang{background-color:var(--couleur-quaternaire);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.switchLang:hover{background-color:var(--couleur-tertiaire)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#0e0e0ede;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}