*{box-sizing:border-box;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}body{height:100vh;width:100%;margin:0 auto;overflow-x:hidden}@media screen and (max-width: 500px){body{min-height:120vh}}#root{width:100%;margin:0 auto;overflow-x:hidden}ul{-webkit-padding-start:0;padding-inline-start:0}li{list-style:none}a{text-decoration:none;color:#000}h1{font-family:"Playfair Display",serif;font-style:normal;font-weight:700;font-size:40px;line-height:180%;letter-spacing:.3px;color:#fe6d73}@media screen and (max-width: 940px){h1{font-size:34px}}@media screen and (max-width: 900px){h1{font-size:30px}}@media screen and (max-width: 600px){h1{font-size:26px}}h2{font-family:"Playfair Display",serif;font-style:normal;font-weight:700;font-size:40px;letter-spacing:.3px;color:#fe6d73}@media screen and (max-width: 940px){h2{font-size:34px}}@media screen and (max-width: 900px){h2{font-size:30px}}@media screen and (max-width: 600px){h2{font-size:26px}}h3{font-family:"Playfair Display",serif;font-style:normal;font-weight:700;font-size:50px;letter-spacing:.3px;color:#fe6d73}@media screen and (max-width: 900px){h3{font-size:40px}}@media screen and (max-width: 580px){h3{font-size:30px}}@media screen and (max-width: 375px){h3{font-size:28px}}h4{font-family:"Poppins",sans-serif;font-style:normal;font-weight:500;font-size:20px;letter-spacing:.3px;color:#adb2b6}@media screen and (max-width: 900px){h4{font-size:16px}}@media screen and (max-width: 580px){h4{font-size:14px}}@media screen and (max-width: 375px){h4{font-size:12px}}button{border:none;background:none;cursor:pointer}.app{background:#161a1e}@-webkit-keyframes hvr-ripple-out{0%{opacity:0}10%{opacity:1}100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{0%{opacity:0}10%{opacity:1}100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.button:hover:before,.button:focus:before,.button:active:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}.button{padding:8px 12px;border:1px solid #fff;-webkit-filter:drop-shadow(0px 10px 4px rgba(0, 0, 0, 0.25));filter:drop-shadow(0px 10px 4px rgba(0, 0, 0, 0.25));cursor:pointer}@media screen and (max-width: 900px){.button{padding:2px 9px}}.button::before{content:"";position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s;opacity:0;cursor:pointer;pointer-events:none}.button-link{font-family:"Poppins",sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:30px;text-align:center;color:#fef9ef}@media screen and (max-width: 900px){.button-link{font-size:14px}}.button-contact-nav{visibility:hidden;opacity:0;transform:translateY(-50px)}.section-realisations-link:hover .article-card{box-shadow:none;transition-duration:500ms;transform:scale(1.05)}.section-realisations-link:hover .article-card-title{color:#fe6d73;transition-duration:500ms}.section-realisations-link:hover .article-card-img{transition-duration:500ms;-webkit-filter:grayscale(0%);filter:grayscale(0%)}.article-card{transition-duration:500ms;width:490px;height:588px;background:linear-gradient(359.88deg, rgba(255, 255, 255, 0.2263) -0.57%, rgba(255, 255, 255, 0.106046) 82.92%, rgba(255, 255, 255, 0.0744) 100.24%);box-shadow:0px 10px 4px rgba(0,0,0,.25);border-radius:25px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px}@media screen and (max-width: 1010px){.article-card{width:410px}}@media screen and (max-width: 850px){.article-card{width:370px}}@media screen and (max-width: 780px){.article-card{width:690px}}@media screen and (max-width: 700px){.article-card{width:590px}}@media screen and (max-width: 600px){.article-card{width:490px}}@media screen and (max-width: 500px){.article-card{width:390px}}@media screen and (max-width: 400px){.article-card{width:330px}}@media screen and (max-width: 330px){.article-card{width:300px}}.article-card-title{font-family:"Playfair Display",serif;font-style:normal;font-weight:400;font-size:30px;line-height:67px;text-align:center;color:#161a1e;transition-duration:500ms}@media screen and (max-width: 940px){.article-card-title{font-size:26px;color:#fe6d73}}@media screen and (max-width: 780px){.article-card-title{font-size:30px}}@media screen and (max-width: 400px){.article-card-title{font-size:26px}}.article-card-img{border-radius:24px;transition-duration:500ms;width:350px;-webkit-filter:grayscale(100%);filter:grayscale(100%);overflow:hidden}@media screen and (max-width: 940px){.article-card-img{-webkit-filter:grayscale(0%);filter:grayscale(0%)}}@media screen and (max-width: 850px){.article-card-img{width:280px}}@media screen and (max-width: 780px){.article-card-img{width:440px}}@media screen and (max-width: 500px){.article-card-img{width:285px}}@media screen and (max-width: 330px){.article-card-img{width:260px}}.article-card-img img{width:100%;-o-object-fit:cover;object-fit:cover}.article-card-list{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.article-card-item{font-family:"Poppins",sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:30px;letter-spacing:.3px;color:#adb2b6}.article-card-description{font-family:"Poppins",sans-serif;font-style:normal;font-weight:500;font-size:12px;text-align:justify;letter-spacing:.3px;color:#fef9ef}@media screen and (max-width: 940px){.article-card-description{font-size:10px}}@media screen and (max-width: 600px){.article-card-description{font-size:8px}}@media screen and (max-width: 300px){.article-card-description{font-size:6px}}@media screen and (max-width: 940px){.article-card-description{font-size:12px}}.projet-container{position:relative}.header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;width:100%;background:url("./assets/images/background-image.webp") no-repeat center/cover;height:100vh;position:relative}@media screen and (max-width: 500px){.header{min-height:120vh}}.header-nav{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:20px;margin-right:20px;gap:30px}.header-list{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px}.header-list-item{position:relative;visibility:hidden;opacity:0;transform:translateY(-50px)}.header-list-item::after{content:"";position:absolute;width:100%;bottom:0;left:0;border-bottom:2px solid rgba(255,255,255,0);transform:scaleX(0);transition-duration:300ms}.header-list-item:hover::after{content:"";position:absolute;width:100%;bottom:0;left:0;border-bottom:2px solid #fe6d73;transform:scaleX(1);transition-duration:500ms}.header-list-item:hover a{color:#fe6d73}.header-list-link{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:30px;color:#fef9ef;padding:6px}.header-title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:linear-gradient(180deg, rgba(22, 26, 30, 0.77) 0%, rgba(22, 26, 30, 0.459473) 84.9%, rgba(22, 26, 30, 0) 100%);width:727px;height:306px;display:flex;flex-direction:column;justify-content:center;align-items:center;visibility:hidden;opacity:0}@media screen and (max-width: 900px){.header-title{width:539px;height:292px}}@media screen and (max-width: 580px){.header-title{width:442px;height:226px}}@media screen and (max-width: 500px){.header-title{top:40%;width:358px;height:160px}}@media screen and (max-width: 375px){.header-title{width:305px;height:140px}}.active{color:#fe6d73}.header-button-nav{margin-top:20px;margin-right:20px}.header-button-nav:hover i{color:#fe6d73;transform:scale(1.06)}.header-button-nav i{font-size:30px;color:#fef9ef}.header-small{display:flex;flex-direction:column;justify-content:center;align-items:center}.header-small-button-close{margin-top:20px;margin-right:20px;align-self:flex-end}.header-small-button-close:hover i{color:#fe6d73;transform:scale(1.06)}.header-small-button-close i{font-size:30px;color:#fef9ef}.header-small-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;margin-right:20px;gap:30px;background-color:#0e3b4a;border-radius:20px;padding:20px;transition-duration:500ms}.header-small-list{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:30px}.header-small-list-link{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:30px;color:#fef9ef;padding:6px}.header-small-list .active{color:#fe6d73}.header-small-list:hover{color:#fe6d73}.header-small-list:active{color:#fe6d73}.footer{min-height:30vh;background-color:#161a1e;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:100px;position:relative;padding-top:30px;padding-bottom:30px}.footer-text{font-family:"Playfair Display",serif;font-style:normal;font-weight:400;font-size:36px;line-height:67px;text-align:center;color:#fe6d73}.footer-callToAction{width:80%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.footer-list{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.footer-item-button{background-color:rgba(255,255,255,.5);border-radius:25px;width:35px;height:35px;transition-duration:500ms}.footer-item-button:hover{background-color:#fe6d73;transform:translateY(-10px);transition-duration:500ms}.footer-item-button:hover i{transform:scale(1.08);transition-duration:500ms}.footer-item-button i{color:#fef9ef;font-size:20px}.footer-button-top{position:absolute;top:15%;right:10%;transform:translate(-15%, -10%);width:50px;height:50px;background:#0e3b4a;border-radius:30px;transition-duration:500ms}@media screen and (max-width: 400px){.footer-button-top{left:50%;top:104px;transform:translateX(-50%)}}.footer-button-top i{color:#fe6d73;transition-duration:500ms;font-size:20px;transform-origin:center}.footer-button-top:hover{background:#fe6d73;transition-duration:500ms}.footer-button-top:hover i{transition-duration:500ms;color:#0e3b4a;transform:rotate(360deg);transform-origin:center}.footer-creater{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-creater-design{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:10px;text-align:justify;letter-spacing:.3px;color:#fef9ef;text-align:center;color:#adb2b6}@media screen and (max-width: 940px){.footer-creater-design{font-size:8px}}@media screen and (max-width: 600px){.footer-creater-design{font-size:6px}}@media screen and (max-width: 300px){.footer-creater-design{font-size:4px}}.footer-creater-design span{color:red}@media screen and (max-width: 500px){.footer-creater-design{font-size:10px}}.footer-creater-copyright{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:10px;text-align:justify;letter-spacing:.3px;color:#fef9ef;text-align:center;color:#adb2b6}@media screen and (max-width: 940px){.footer-creater-copyright{font-size:8px}}@media screen and (max-width: 600px){.footer-creater-copyright{font-size:6px}}@media screen and (max-width: 300px){.footer-creater-copyright{font-size:4px}}@media screen and (max-width: 500px){.footer-creater-copyright{font-size:10px}}.section-project{width:100%;background:linear-gradient(113.49deg, #227C9D -30.3%, #0E3B4A 58.12%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;min-height:100vh;padding-top:50px;position:relative;padding-bottom:50px}@media screen and (max-width: 500px){.section-project{min-height:120vh}}.section-project-close{position:absolute;top:10px;left:20px}.section-project-close i{color:#adb2b6;font-size:40px}@media screen and (max-width: 500px){.section-project-close i{font-size:30px}}.section-project-close:hover i{transition-duration:300ms;color:#fe6d73}.section-project-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:30px;padding-bottom:50px}.section-project-titles{text-align:center}.section-project-img{width:60%;margin:auto;border-radius:20px;overflow:hidden}.section-project-img img{-o-object-fit:cover;object-fit:cover;width:100%}.section-project-text{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;gap:20px;font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:14px;text-align:justify;letter-spacing:.3px;color:#fef9ef;line-height:180%;padding:30px}@media screen and (max-width: 940px){.section-project-text{font-size:12px}}@media screen and (max-width: 600px){.section-project-text{font-size:10px}}@media screen and (max-width: 300px){.section-project-text{font-size:8px}}@media screen and (max-width: 500px){.section-project-text{font-size:14px;width:100%}}.section-project-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.section-aboutMe{z-index:1;width:100%;background:linear-gradient(113.49deg, #227C9D -30.3%, #0E3B4A 58.12%);display:flex;flex-direction:row;justify-content:center;align-items:center;height:100vh}@media screen and (max-width: 500px){.section-aboutMe{min-height:120vh}}.section-aboutMe-content{display:flex;flex-direction:row;justify-content:center;align-items:center;width:80%;gap:70px}@media screen and (max-width: 840px){.section-aboutMe-content{gap:22px;width:90%}}@media screen and (max-width: 700px){.section-aboutMe-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}}@media screen and (max-width: 500px){.section-aboutMe-content{width:95%}}.section-aboutMe-img{transform:translateX(-200px);visibility:hidden;opacity:0}@media screen and (max-width: 840px){.section-aboutMe-img{width:50%}}@media screen and (max-width: 500px){.section-aboutMe-img{width:60%}}.section-aboutMe-text{width:40%;transform:translateX(200px);visibility:hidden;opacity:0}@media screen and (max-width: 970px){.section-aboutMe-text{width:80%}}@media screen and (max-width: 840px){.section-aboutMe-text{width:90%}}@media screen and (max-width: 700px){.section-aboutMe-text{text-align:center}}.section-aboutMe-paragraph{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:20px;text-align:justify;letter-spacing:.3px;color:#fef9ef}@media screen and (max-width: 940px){.section-aboutMe-paragraph{font-size:18px}}@media screen and (max-width: 600px){.section-aboutMe-paragraph{font-size:16px}}@media screen and (max-width: 300px){.section-aboutMe-paragraph{font-size:14px}}@media screen and (max-width: 840px){.section-aboutMe-paragraph{margin-top:20px}}.section-skills{z-index:100;width:100%;background:#161a1e;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100vh;position:relative}@media screen and (max-width: 500px){.section-skills{min-height:1150px}}.section-skills-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;gap:30px;opacity:0;visibility:hidden;transform:translateY(-20vh)}@media screen and (max-width: 840px){.section-skills-content{width:90%}}@media screen and (max-width: 500px){.section-skills-content{width:95%}}.section-skills-content h2{color:#17c3b2;align-self:flex-start}.section-skills-content button{align-self:center}.section-skills-article{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:50px}@media screen and (max-width: 1100px){.section-skills-article{align-items:center}}@media screen and (max-width: 900px){.section-skills-article{margin-bottom:36px}}@media screen and (max-width: 840px){.section-skills-article{flex-direction:column}}.section-skills-text{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:20px;text-align:justify;letter-spacing:.3px;color:#fef9ef;width:60%}@media screen and (max-width: 940px){.section-skills-text{font-size:18px}}@media screen and (max-width: 600px){.section-skills-text{font-size:16px}}@media screen and (max-width: 300px){.section-skills-text{font-size:14px}}@media screen and (max-width: 840px){.section-skills-text{width:90%}}.section-skills-card{background:linear-gradient(359.88deg, rgba(255, 255, 255, 0.2263) -0.57%, rgba(255, 255, 255, 0.106046) 82.92%, rgba(255, 255, 255, 0.0744) 100.24%);box-shadow:0px 10px 4px rgba(0,0,0,.25);border-radius:25px;padding:10px;display:flex;flex-direction:row;justify-content:center;align-items:center}@media screen and (max-width: 1100px){.section-skills-card{height:500px}}@media screen and (max-width: 350px){.section-skills-card{height:380px}}.section-skills-list{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;height:100%}.section-skills-item div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.section-skills-circle{width:20px;height:20px;border-radius:50%;background-color:#17c3b2}.section-skills-skill{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:20px;text-align:justify;letter-spacing:.3px;color:#fef9ef;text-align:left}@media screen and (max-width: 940px){.section-skills-skill{font-size:18px}}@media screen and (max-width: 600px){.section-skills-skill{font-size:16px}}@media screen and (max-width: 300px){.section-skills-skill{font-size:14px}}.section-realisations{width:100%;background:linear-gradient(113.49deg, #227C9D -30.3%, #0E3B4A 58.12%);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:100px;padding-bottom:100px;gap:50px;min-height:100vh}@media screen and (max-width: 500px){.section-realisations{min-height:120vh}}.section-realisations-content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap}/*# sourceMappingURL=style_compressed.css.map */