@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);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}:root{--primaryFont:"Poppins",sans-serif;--primary-black:#181a1a;--teal-color:teal;--white-color:#eaeaea}*,:after,:before{box-sizing:border-box}.App{text-align:center}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}.App-link{color:#61dafb}.landing-hero{align-items:center;background-image:url(/static/media/hero.942fbbac37506f19f51a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:var(--primaryFont);min-height:100vh;position:relative;width:100%;z-index:0}.overlay-landing{background-color:#00000080;inset:0;position:absolute}.hero-content{align-items:center;justify-content:space-between;min-height:100vh;padding:0 1.5rem;position:relative;width:100%;z-index:10}.hero-box,.hero-content{display:flex;flex-direction:column}.hero-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border-radius:1rem;box-shadow:0 10px 25px #0003;gap:2rem;min-width:300px;padding:2.5rem;width:70%}@media (min-width:768px){.hero-box{flex-direction:row}}.hero-left{color:#fff;flex:1 1}.hero-left h1{font-size:4.5rem;font-weight:bolder;line-height:4.5rem;margin-bottom:1rem;margin-top:0}.hero-left h2{font-size:2rem;font-weight:600;margin-bottom:1rem}.hero-right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.hero-right p{color:#fff;font-size:1.5rem}.hero-button{background-color:#fff;border-radius:.5rem;color:var(--primary-black);font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s}.hero-button:hover{background-color:#e5e5e5}.carousel-container{aspect-ratio:3/2;border-radius:10px;max-height:450px;max-width:800px;min-width:304px;overflow:hidden;position:relative;width:90vw}@media (max-width:420px){.carousel-container{width:304px}}.carousel-track{height:100%}.carousel-item,.carousel-track{left:0;position:absolute;top:0;width:100%}.carousel-item{height:auto;opacity:0;pointer-events:none;transition:opacity .5s ease}.carousel-item.active{opacity:1;pointer-events:auto}.carousel-item img{border-radius:inherit;display:block;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.project-card{color:#000;flex-direction:column;margin:0;max-height:400px;padding:20px;text-decoration:none}.image-wrapper,.project-card{align-items:center;display:flex}.image-wrapper{aspect-ratio:3/2;border-radius:10px;justify-content:center;min-width:304px;overflow:hidden;width:100%}@media (max-width:420px){.image-wrapper{align-items:center;display:flex;height:202.667px;justify-content:center;width:304px}}.image-wrapper img{border-radius:inherit;display:block;max-height:100%;max-width:100%;object-fit:cover;transition:transform .3s ease;width:100%}.projects{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-top:3rem;min-height:100vh;overflow-x:hidden;width:100%}.projects--header h1{color:#fff;font-family:var(--primaryFont);font-size:3.5rem;margin-bottom:40px}.projects--body{flex-direction:column}.projects--body,.projects--bodyContainer{align-items:center;display:flex;justify-content:center;width:100%}.projects--bodyContainer{flex-wrap:wrap;gap:clamp(2rem,5vw,4rem);margin-bottom:6rem}.projects--viewAll a button{align-items:center;background-color:#111;border:none;border-radius:45px;color:#444;cursor:pointer;display:flex;font-family:var(--primaryFont);font-size:1.05rem;font-weight:500;height:48px;justify-content:space-between;outline:none;padding-left:1.5rem;text-transform:inherit;transition:color .2s;width:150px}.projects--viewAll a button:hover{background-color:#111;color:#ddd}.viewArr{background-color:#ddddddb3;border-radius:50%;color:#444;cursor:pointer;font-size:1.05rem;height:40px;padding:.5rem;transition:background-color .2s;width:40px}.viewArr:hover{background-color:#ddd;color:#444}.singleProject{align-items:center;background-color:#f0f0f0;border-radius:10px;box-shadow:4px 4px 8px #24030333;cursor:pointer;display:flex;flex-direction:column;font-family:var(--primaryFont);height:360px;justify-content:center;overflow:hidden;padding:1.4rem 2rem;position:relative;width:304px}.singleProject .projectContent>h2{color:#444;font-family:var(--primaryFont);font-size:1.525rem;font-style:normal;font-weight:600;line-height:110%;margin-bottom:1rem;text-align:center}.projectContent>img{height:60%;transition:opacity .7s .3s;width:100%}.singleProject:hover img{opacity:0}.project--showcaseBtn{justify-content:space-between;padding:0 1rem;width:100%}.iconBtn,.project--showcaseBtn{align-items:center;display:flex}.iconBtn{border:2px solid #444;border-radius:50%;color:#444;cursor:pointer;height:40px;justify-content:center;text-decoration:none;transition:all .2s;width:40px}.singleProject .iconBtn{background-color:initial!important;border-color:#444!important;color:#444!important}.iconBtn:hover{background-color:#ddd;border:2px solid #ddd;color:#111;transform:scale(1.1)}.icon{font-size:1.1rem;transition:all .2s}.project--desc{align-items:center;background:#181a1a;border-radius:0 20px 20px 0;color:#fff;display:flex;font-family:var(--primaryFont);font-size:1rem;height:160px;justify-content:center;left:0;line-height:110%;padding:15px;position:absolute;top:0;transform:translate(-110%,40%);transition:transform .9s;width:95%}.singleProject:hover .project--desc{transform:translate(-2%,40%)}.project--lang{background:#181a1a;border-radius:10px 0 0 10px;bottom:17px;color:#fff;display:flex;flex-direction:column;font-size:.8rem;gap:.5rem;justify-content:center;padding:.825rem;position:absolute;right:0;transform:translateX(100%);transition:transform .5s .3s;width:140px}.singleProject:hover .project--lang{transform:translateX(0)}.project--lang>span{font-family:var(--primaryFont);font-weight:500;line-height:100%;word-break:break-word}.portfolio-container{align-items:center;background-image:url(/static/media/background-web.3b5eb3e2dcf987131ad4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--primaryFont);min-height:100vh;padding:.3rem;position:relative;width:100%;z-index:0}.portfolio-container:before{background:#000c;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.portfolio-container h2{color:#fff;font-size:clamp(3rem,2.8148rem + .9877vw,4rem);line-height:4rem;margin:2rem 0 0;text-transform:uppercase}.logo-projets{display:block;height:auto;margin:2rem auto;width:clamp(6rem,10vw,10rem)}.titre-projets{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:var(--primaryFont);font-size:4rem;font-weight:600;line-height:4rem;margin:0 2rem;padding:0 1rem;position:relative;text-transform:uppercase}.ligne-separation{background-color:#fff;height:5px;width:35%}.modern-card{background-position:50%;background-size:cover;border-radius:16px;box-shadow:0 6px 15px #00000040;cursor:pointer;height:250px;margin:1rem;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:350px}.modern-card:hover{box-shadow:0 10px 25px #00000059;transform:scale(1.03)}.card-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border-bottom-left-radius:16px;border-bottom-right-radius:16px;bottom:0;box-sizing:border-box;color:#222;padding:12px 15px;position:absolute;transition:background .3s ease;width:100%}.card-overlay h3{font-size:1.1rem;margin:0 0 6px}.card-overlay p{font-size:.9rem;line-height:1.2;margin:0}.carousel-wrapper{background:#000000d9;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2000}.carousel-content,.carousel-wrapper{align-items:center;display:flex;justify-content:center}.carousel-content{background:#0000;border-radius:16px;max-height:75vh;max-width:1000px;overflow:hidden;position:relative;width:80vw}.carousel-image{border-radius:16px;box-shadow:0 0 30px #00000080;display:block;height:auto;max-height:100%;object-fit:contain;transition:all .3s ease;width:100%}.carousel-button{align-items:center;aspect-ratio:1/1;background:#fffc;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#333;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:48px;justify-content:center;min-height:48px;min-width:48px;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease;width:48px;z-index:2001}.carousel-button:hover{background:#fff}.carousel-button.prev{left:16px}.carousel-button.next{right:16px}.carousel-close{align-items:center;background:#ffffff80;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#111;cursor:pointer;display:flex;font-size:1.6rem;font-weight:700;height:48px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none;width:48px;z-index:2002}.carousel-close>span{left:0;pointer-events:none;position:relative;top:0;transition:none}.carousel-close:hover{background:#fff;transform:scale(1.1)}.gallery{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.overlay{background:#000000b3;cursor:zoom-out}.full-image{border-radius:8px;box-shadow:0 0 40px #000c;cursor:zoom-out;height:auto;left:50%;max-height:90vh;max-width:90vw;position:fixed;top:50%;transform:translate(-50%,-50%);width:auto;z-index:1001}.burger{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:space-between;padding:0;position:fixed;right:20px;top:20px;width:35px;z-index:1002}.line{background-color:#fff;border-radius:2px;height:3px;position:relative;transition:all .3s ease;width:100%}.burger.open .line1{position:absolute;top:13px;transform:rotate(45deg)}.burger.open .line2{opacity:0}.burger.open .line3{position:absolute;top:13px;transform:rotate(-45deg)}.overlay{background:#0006;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;visibility:hidden;width:100vw;z-index:1000}.overlay.show{opacity:1;visibility:visible}.side-menu{background-color:#111c;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:2rem 1.5rem;position:fixed;right:-250px;scrollbar-width:thin;top:0;transition:right .3s ease;width:250px;z-index:1001}.side-menu::-webkit-scrollbar{width:6px}.side-menu::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.side-menu.open{right:0}.side-menu ul{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:40px 0 0}.side-menu li{position:relative}.side-menu li:not(:last-child):after{background-color:#fff3;bottom:-10px;content:"";height:1px;left:0;position:absolute;right:0}.side-menu li a{align-items:left;border-radius:8px;color:#fff;display:flex;font-family:var(--primaryFont)!important;font-size:1.1rem;gap:15px;justify-content:left;padding:10px;text-decoration:none;transition:background .2s ease;width:100%}.side-menu li a:hover{background-color:#ffffff1a;color:teal}.side-menu li .icon{color:#fff;font-size:1.4rem;margin-right:1rem;text-align:left;width:30px}.projects-container{align-items:center;background-image:url(/static/media/background-web.3b5eb3e2dcf987131ad4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--primaryFont);min-height:100vh;padding:.3rem;position:relative;width:100%;z-index:0}.projects-container:before{background:#000c;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.titre-projects h2{color:#fff;font-size:clamp(2.5rem,2.2222rem + 1.4815vw,4rem);line-height:4rem;margin:2rem 0;text-transform:uppercase}.logo-projects{display:block;height:auto;margin:2rem auto;width:clamp(5rem,4.4444rem + 2.963vw,8rem)}.contact-form-wrapper{display:flex;justify-content:center;padding:40px 20px}.contact-container{align-items:center;display:flex;justify-content:center;padding:20px}.contact-container,.form-card{font-family:var( --primaryFont)}.form-card{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;max-width:500px;padding:30px;width:100%}.form-card h2{color:#333;font-size:28px;margin-bottom:20px;text-align:center}.input-group{align-items:center;background:#fafafa;border:1px solid #ccc;border-radius:8px;display:flex;margin-bottom:15px;padding:10px 12px}.input-group input,.input-group textarea{background:#0000;border:none;color:#333;flex:1 1;font-family:var( --primaryFont);font-size:16px;outline:none;padding-left:10px;resize:none}.input-group .icon{color:#888;font-size:20px}button{background-color:var(--primary-black);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background .3s ease;width:100%}button:hover{background-color:#3f3f40}.success-message{color:green;font-size:14px;margin-top:10px;text-align:center}@media (max-width:480px){.form-card{padding:20px}.form-card h2{font-size:22px}.input-group input,.input-group textarea{font-size:14px}button{font-size:15px}}.about{min-height:100vh;position:relative}.about .line-styling{align-items:center;display:flex;height:50px;justify-content:space-between;left:50%;position:absolute;top:50px;transform:translateX(-50%);width:85%}.about .line-styling .style-circle{border-radius:50%;height:10px;width:10px}.about .line-styling .style-line{border-radius:10px;height:5px;width:95%}.about-body{align-items:center;flex-direction:row;justify-content:space-around;padding-top:8rem}.about-body,.about-description{display:flex;height:-webkit-fit-content;height:fit-content}.about-description{align-items:flex-start;flex:0.5 1;flex-direction:column;justify-content:space-evenly;width:100%}.about-description>h2{font-family:var(--primaryFont);font-size:3.5rem;margin-bottom:40px}.about-description>p{color:#e0d9d9;font-family:var(--primaryFont);font-size:1.25rem}.about-img{margin-top:40px;pointer-events:none}.about-img>img{flex:0.5 1;width:380px}@media (min-width:992px) and (max-width:1380px){.about-description>h2{font-size:3.3rem;margin-bottom:30px}.about-description>p{font-size:1.15rem}.about-img>img{width:300px}}@media screen and (max-width:992px){.about .line-styling{top:20px}.about-body{align-items:center;display:flex;flex-direction:column-reverse;justify-content:space-evenly;padding-top:2rem}.about-description{box-sizing:border-box;flex:0.6 1;padding:20px}.about-description>h2{font-size:3rem;margin-bottom:20px}.about-description>p{font-size:1.1rem}.about-img>img{flex:0.4 1;width:250px}}@media screen and (max-width:800px){.about .line-styling .style-circle{border-radius:50%;height:8px;width:8px}.about-description>h2{align-self:center}}@media screen and (max-width:600px){.about .line-styling .style-circle{border-radius:50%;height:5px;width:5px}.about .line-styling .style-line{border-radius:10px;height:3px;width:93%}.about-description>h2{font-size:2.5rem}.about-description>p{font-size:.95rem}.about-img>img{width:200px}}.landing{height:100vh;width:80%}.landing,.landing--container{align-items:center;display:flex;justify-content:center}.landing--container{height:100%;width:100%}.landing--img{--img-size:350px;border-radius:50%;box-shadow:0 0 30px #0003;height:var(--img-size);left:35%;object-fit:cover;position:absolute;transform:translateX(-50%);transition:opacity .3s;width:var(--img-size)}.landing--container-left{align-items:flex-end;flex:0 0 35%;height:100%}.landing--container-left,.lcl--content{display:flex;justify-content:flex-start}.lcl--content{align-items:center;margin:3rem;width:100%}.landing--social{font-size:35px;margin:0 1rem;transition:transform .5s}.landing--social:hover{transform:scale(1.2)}.landing--container-right{align-items:flex-end;background-color:#eaeaea;box-sizing:border-box;flex:1 1;height:100%}.landing--container-right,.lcr--content{display:flex;flex-direction:column;justify-content:center}.lcr--content{align-items:center;font-family:var(--primaryFont);font-style:normal;margin-right:3rem;width:55%}.lcr--content h6{font-size:1.25rem;font-weight:500;margin-bottom:-.85rem;margin-top:1rem!important;opacity:.8}.lcr--content h1{font-size:3.25rem;font-weight:600;line-height:110%}.lcr--content p{font-size:1.15rem;font-weight:500;margin-top:1.45rem;opacity:.7}.lcr-buttonContainer{align-items:center;display:flex;font-family:"var(--primaryFont)",sans-serif;justify-content:center;margin-top:2rem;width:350px}.custom-btn{background-color:var(--white-color);border-radius:10px;color:var(--primary-black);font-family:var(--primaryFont);font-size:1.5rem;padding:.5rem;text-decoration:none}.custom-btn:hover{background-color:var(--teal-color);color:var(--white-color)}@media (max-width:1100px){.landing--img{--img-size:300px}.lcl--content{margin:2rem}.lcr--content h6{font-size:1.1rem}.lcr--content h1{font-size:2.3rem;margin-bottom:.5rem}.lcr--content p{font-size:1rem;font-weight:500;margin-bottom:1rem;margin-top:.3rem}.lcr-buttonContainer{align-items:flex-start;height:120px;margin-top:1rem;width:200px}}@media (max-width:950px){.landing--img{--img-size:250px;left:30%;margin-bottom:3rem}.lcr--content{margin-top:10%;width:70%}}@media (max-width:900px){.landing--img{--img-size:250px;margin-bottom:3rem}.landing--social{font-size:30px}.lcr--content{margin-top:10%;width:75%}.lcr-buttonContainer{align-items:flex-start;height:120px;margin-top:1rem;width:200px}.lcr-buttonContainer button:nth-child(2){display:none}}@media (max-width:600px){.lcr--content{margin:0}.landing--container{flex-direction:column;justify-content:space-between;min-width:320px;position:relative}.landing--img{--img-size:250px;border:8px solid #eaeaea;left:50%;top:30%;transform:translate(-50%,-50%)}.landing--container-left{align-items:flex-start;display:flex;flex:initial;flex-direction:column;height:70%;justify-content:flex-start;padding:1rem;width:100%}.lcl--content{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center;margin:0}.landing--social{color:#fff;display:inline-block;font-size:30px}.landing--container-right{align-items:center;background-color:#eaeaea;box-sizing:border-box;flex:initial;height:70%;justify-content:center;padding:0 2rem;width:100%}.lcr--content{margin-right:0;margin-top:20%;width:100%}.lcr--content h6{font-size:1rem;text-align:center}.lcr--content h1{font-size:2.5rem;text-align:center}.lcr--content p{font-size:.95rem;margin:0 auto;text-align:center;width:90%}.lcr-buttonContainer{align-items:center;display:flex;justify-content:center;margin:0 auto}.lcr-buttonContainer button{margin-top:-20%}}@media (max-width:500px){.lcr--content{margin-top:35%}}@media (max-width:370px){.lcr--content{margin-top:60%}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3){.landing{height:100%}.landing--img{--img-size:150px;left:50%;top:20%}}.skills{align-items:center;background-color:var(--primary-black)!important;display:flex;flex-direction:column;font-family:var(--primaryFont);height:auto;justify-content:flex-start;min-width:320px;padding:2.5rem 2rem 2rem;width:80%}.primaryFont{font-family:var(--primaryFont)!important}.skillsHeader{align-items:center;display:flex;justify-content:center}.skillsHeader h2{font-family:var(--primaryFont);font-size:3.5rem;font-style:normal;font-weight:700;text-align:center}.skillsContainer{align-items:center;background-color:var(--primary-black);display:flex;justify-content:center;margin-top:2rem;padding:0 2rem;width:100%}.skill--scroll{margin:0 2rem;width:100%}.skill--box{align-items:center;background:#fafafa;border-radius:10px;box-shadow:0 10px 20px #0000001f;display:flex;flex-direction:column;height:160px;justify-content:center;margin:1.5rem;padding:2rem 1rem;transition:.3s ease-in-out;width:160px}.skill--box,.skill--box h3{color:#fff;font-family:var(--primaryFont)}.skill--box:hover{transform:scale(1.15)}.skill--box>img{height:50px;pointer-events:none}.skill--box h3{font-family:Big Shoulders Text;font-size:22px;font-style:normal;font-weight:500;margin-top:1rem;text-align:center}.marquee{padding:3rem 0}.margin-bottom{margin-bottom:5rem}@media (min-width:992px) and (max-width:1380px){.skills{padding:2rem 1rem 1rem}.skillsContainer{margin-top:1.5rem;padding:1.5rem}}@media screen and (max-width:992px){.skills{min-height:100%;padding:1rem}.skillsContainer{margin:1rem 0;padding:1rem}.skillsHeader h2{font-size:3.2rem}.skill--box{height:150px;margin:1.2rem;padding:2rem 1rem;width:150px}.skill--box>img{height:45px}.skill--box h3{font-size:20px;margin-top:1rem}}@media screen and (max-width:800px){.skills,.skillsContainer{padding:.5rem}.skillsHeader h2{font-size:3rem}.skill--scroll{margin:0;width:100%}}@media screen and (max-width:600px){.skill--box{height:135px;margin:1.2rem;padding:2rem 1rem;width:135px}.skill--box>img{height:40px}.skillsHeader h2{font-size:2.5rem}.skill--box h3{font-size:18px;margin-top:1rem}}.about-container{align-items:center;background-image:url(/static/media/background-web.3b5eb3e2dcf987131ad4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--primaryFont);min-height:100vh;padding:.3rem;position:relative;width:100%;z-index:0}.about-container:before{background:#000c;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.about-container h1{text-transform:uppercase}.title_about_me{color:#fff;font-family:var(--primaryFont)}
/*# sourceMappingURL=main.41d9665e.css.map*/