@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Cairo+Play:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0;outline:none}body{margin:0;font-family:Cairo Play,sans-serif;background-color:#384454;overflow-x:hidden}.globalContainerHome{background-color:#384454}.globalContainerHome .dino{width:100vw;height:100vh;margin-bottom:50px}.globalContainerHome .dino img{position:relative;width:100%;height:100%;object-fit:contain;background-color:#317ac1;mask-image:linear-gradient(#232222 70%,transparent 100%);-webkit-mask-image:linear-gradient(#232222 70%,transparent 100%)}.globalContainerHome .textContainer{position:absolute;width:85%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;z-index:2;top:0}.globalContainerHome .textContainer .prenomContainer{display:flex;justify-content:center;color:#d4d3dc;font-size:10em;margin-left:25px}.globalContainerHome .textContainer .metierContainer{margin:10px 0 100px 40px}.globalContainerHome .textContainer .metierContainer #span2{color:#d4d3dc;font-size:3.5em;font-style:normal;font-weight:300;line-height:1.2em;overflow:hidden;position:relative}.globalContainerHome .textContainer .metierContainer #span2:after{content:"Full-Stack";display:inline-block;animation:animation 12s steps(9) infinite;width:0ch;white-space:nowrap;color:#e1a624}@keyframes animation{15%{content:"Full-Stack";width:9ch}30%{width:0ch}50%{content:"Front-End";width:9.5ch}60%{width:0ch}75%{content:"Back-End";width:9.5ch}90%{width:0ch}}@media screen and (max-width: 780px){.globalContainerHome .textContainer{display:flex;flex-direction:column;justify-content:flex-end}.globalContainerHome .textContainer .prenomContainer{margin-left:7px}.globalContainerHome .textContainer .prenomContainer .span1{font-size:3rem;color:#d4d3dc;line-height:50px}.globalContainerHome .textContainer .prenomContainer .span1 span{margin-left:7px}.globalContainerHome .textContainer .metierContainer{margin:20px 0 50px 10px}.globalContainerHome .textContainer .metierContainer #span2{font-size:1.8em}}.globalContainerPresentation{box-sizing:border-box;width:100vw;height:auto;display:flex;justify-content:center;align-items:center;background-color:#384454;margin-bottom:50px}.globalContainerPresentation .photo_pres{width:33%;height:100%;display:flex;justify-content:center;align-items:center}.globalContainerPresentation .photo_pres img{width:70%;height:auto;border-radius:50%}.globalContainerPresentation .description_pres{width:66%;height:100%;display:flex;align-items:center}.globalContainerPresentation .description_pres p{font-size:2em;color:#d4d3dc}@media screen and (max-width: 780px){.globalContainerPresentation{flex-direction:column;justify-content:space-around;height:auto}.globalContainerPresentation .photo_pres{width:100%;height:100%;margin:25px 0}.globalContainerPresentation .description_pres{width:85%}.globalContainerPresentation .description_pres p{font-family:Cairo Play,sans-serif;font-size:1.6em;text-align:center;color:#d4d3dc}}.globalContainerSkills{display:flex;justify-content:center;align-items:center;height:auto;background-color:#384454}.globalContainerSkills.expanded{flex-direction:column;align-items:flex-start;height:150vh}.globalContainerSkills #titleH1{font-size:2.3em}.cardsSkills{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;margin:20px;padding:20px;color:#d4d3dc}.cardsSkills.expanded{flex-direction:column-reverse;color:#e1a624;margin-left:5%;transition:ease-out .3s}.cardsSkills .imgExperience{display:flex;justify-content:center}.cardsSkills .imgExperience img{width:40%;cursor:pointer;transition:ease-in .3s;margin:10px}.cardsSkills .imgExperience img:hover{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transition:ease-out .3s}.expandedContent{display:flex;flex-direction:column;position:absolute;width:50%;height:auto;left:40%;padding:10px;margin-top:10px;transition:ease-out .3s}.expandedContent .experienceContainer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:30px;background-color:#317ac1;color:#000;padding:10px}.expandedContent .experienceContainer span{font-size:2em;text-align:center;font-weight:700}.expandedContent .experienceContainer p{font-size:1.25em;margin:0 0 10px 10px}.expandedContent .logoExperienceContainer{display:flex;flex-direction:column;justify-content:center;background-color:#317ac1;border-radius:30px;color:#000}.expandedContent .logoExperienceContainer .titleContainerExperience{text-align:center;margin:20px}.expandedContent .logoExperienceContainer img{width:125px;height:auto}.expandedContent .logoExperienceContainer .logoContainer{display:flex;flex-direction:row}.expandedContent .logoExperienceContainer .logoContainer .divLeft{display:flex;flex-direction:row;justify-content:center}.expandedContent .logoExperienceContainer .logoContainer .divLeft .logo{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px;font-size:1.25em}.expandedContent .logoExperienceContainer .logoContainer .divRight{display:flex;flex-direction:row;justify-content:center}.expandedContent .logoExperienceContainer .logoContainer .divRight .logo{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px;font-size:1.25em}.globalContainerProjects{display:flex;flex-direction:column}.globalContainerProjects .titleProject{color:#d4d3dc;text-align:center;margin-bottom:2vh}.globalContainerProjects .projectsContainer{display:flex;flex-flow:row wrap;justify-content:space-around;margin-bottom:3vh}.globalContainerProjects .projectsContainer .cardProject{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30vw;height:auto;border-radius:30px;border:3px solid #E1A624;background-color:#317ac1;margin:3vh;padding:15px}.globalContainerProjects .projectsContainer .cardProject p{color:#d4d3dc;font-size:1.3em}@media screen and (max-width: 780px){.globalContainerProjects .titleProject{margin-bottom:1vh}.globalContainerProjects .projectsContainer{flex-flow:column nowrap;align-items:center;margin-bottom:3vh}.globalContainerProjects .projectsContainer .cardProject{width:90vw;border-radius:20px;border:2px solid #E1A624;background-color:#317ac1;margin:3vh;padding:10px}.globalContainerProjects .projectsContainer .cardProject p{color:#d4d3dc;font-size:1.2em}}.globalContainerFooter{display:flex;flex-direction:row;justify-content:space-around;align-items:center;background-color:#317ac1}.globalContainerFooter img{width:50px;height:auto;margin:15px}.globalContainerFooter span{font-size:2em}.globalContainerFooter .divLeft,.globalContainerFooter .divRight{display:flex;justify-content:space-around;width:25%}.footerResp{display:none}@media screen and (max-width: 780px){.globalContainerFooter img{width:35px}.globalContainerFooter .divLeft,.globalContainerFooter .divRight{width:45%}.globalContainerFooter .divCenter{display:none}.footerResp{display:block;text-align:center;background-color:#317ac1}.footerResp span{font-size:1.3em;text-align:center}}*{padding:0;margin:0}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.globalContainerCarousel{display:flex;justify-content:center}.globalContainerCarousel .insideContainerCarousel{display:flex;flex-direction:column;align-items:center;font-family:Arial,Helvetica,sans-serif;width:95%}.globalContainerCarousel .insideContainerCarousel .imgTitleCarousel{margin:15px 0}.globalContainerCarousel .insideContainerCarousel .imgTitleCarousel h1{margin-top:10px;color:#d4d3dc}.globalContainerCarousel .insideContainerCarousel .contentCarousel{display:flex;flex-direction:column;padding:15px;border-radius:30px;background-color:#317ac1;transition:ease-out .3s}.globalContainerCarousel .insideContainerCarousel .contentCarousel span{font-size:1.8em;font-weight:700}.globalContainerCarousel .insideContainerCarousel .contentCarousel p{font-size:1.2em;margin-bottom:20px}.globalContainerCarousel .insideContainerCarousel .contentCarousel strong:nth-child(3){color:#e1a624}.globalContainerCarousel .insideContainerCarousel .logoCompetenceCarousel{display:flex;flex-direction:column;background-color:#317ac1;border-radius:30px;margin-bottom:5px}.globalContainerCarousel .insideContainerCarousel .logoCompetenceCarousel h1{margin:15px}.globalContainerCarousel .insideContainerCarousel .logoCompetenceCarousel .logosCarousel .logos{display:flex;justify-content:center;align-items:center;margin:5px}.globalContainerCarousel .insideContainerCarousel .logoCompetenceCarousel .logosCarousel .logos img{width:80%;height:auto}.globalContainerCarousel .insideContainerCarousel .logoCompetenceCarousel .logosCarousel .logos .logo{display:flex;flex-direction:column;align-items:center;margin:5px}.globalContainerCarousel .insideContainerCarousel .logoCompetenceCarousel .logosCarousel .logos .logo span{margin:10px}.carousel-root{outline:none}.carousel .slide img{width:40%;vertical-align:top;border:0}.carousel .control-dots{margin:10px 0;padding:0;text-align:center;width:100%;z-index:1;opacity:0}.carousel .carousel-status{top:0;right:0;margin-right:25px;font-size:.7em;font-family:Arial,Helvetica,sans-serif;text-shadow:5px 5px 5px rgba(255,255,255,.9);color:#e1a624}