@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap&family=Marck+Script&display=swap);*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:#333;font-family:Poppins}.aPropos{background:#000;padding:120px 0;width:100%}.aPropos h2{color:#d3d3d3;font-size:30px;text-align:center}.aPropos .description{align-items:center;display:flex;justify-content:center;padding:20px 0}.aPropos .description .profileImage{width:40%}.aPropos .description .profileImage img{height:300px}.aPropos .description .text{color:#d3d3d3;display:flex;flex-direction:column;width:40%}.aPropos .description .text p{font-size:18px;line-height:25px;text-align:justify}@media screen and (max-width:768px){.aPropos{padding:60px 0}.aPropos .description{flex-direction:column}.aPropos .description .profileImage{width:100%}.aPropos .description .profileImage img{height:auto;padding:0 10px 40px;width:100%}.aPropos .description .text{width:95%}}.banner{background-image:url(/static/media/banner.acf89fb46facc78eeb45.webp);background-position:50%;background-size:cover;height:100vh;position:relative;width:100%}.banner .blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;height:100%;width:100%}.banner .infosBanner{color:#fff;justify-content:center;left:50%;position:absolute;top:50%;transform:translateX(-50%);width:100%}.banner .infosBanner,.banner .infosBanner h1{align-items:center;display:flex;flex-direction:column}.banner .infosBanner h1{animation:MonAnimationNom 1s ease-in-out both;font-size:50px;font-weight:500}.banner .infosBanner h1 span{animation:MonAnimationFonction 1s ease-in-out .5s both;font-family:Marck Script,Helvetica,serif;font-size:40px;font-style:italic;font-weight:700;text-align:center}@keyframes MonAnimationNom{0%{font-size:0;opacity:0}50%{font-size:70px}to{font-size:50px;opacity:1}}@keyframes MonAnimationFonction{0%{font-size:0;opacity:0}50%{font-size:60px}to{font-size:40px;opacity:1}}@media screen and (max-width:768px){.banner .infosBanner h1{animation:none;font-size:35px}.banner .infosBanner h1 p{animation:none;font-size:25px}}.competence{align-items:center;background:#d3d3d3;border-radius:15px;box-shadow:0 0 5px #d3d3d3;display:flex;flex-direction:column;height:200px;justify-content:space-around;transition:.2s ease-in-out;width:200px}.competence:hover{box-shadow:0 0 10px #d3d3d3;transform:scale(.99)}.competence img{height:100px;object-fit:contain;width:80%}@media screen and (max-width:768px){.competence{height:150px;width:150px}}.competences{color:#d3d3d3;padding:100px 0}.competences h2{font-size:30px;text-align:center}.competences p{font-size:18px;margin:25px 0;text-align:justify;text-align-last:center}.competences .logos{animation-timeline:view();animation-range:0 50%;animation:monAnimation auto ease-in-out both;color:#000;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-evenly}@keyframes monAnimation{0%{opacity:0;translate:-100%}to{opacity:1;translate:0}}@media screen and (max-width:768px){.competences{padding:50px 10px}.competences .logos{animation:none}.competences p{text-align-last:left}}.contact{align-items:center;color:#d3d3d3;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.contact h2{font-size:30px;margin-bottom:20px;text-align:center}.contact .coordonnees .mesCoordonnees{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 20px}.contact .coordonnees .mesCoordonnees a{color:#d3d3d3;text-decoration:none}.contact .coordonnees .mesCoordonnees a i{font-size:20px;margin-right:10px}.contact .coordonnees .mesCoordonnees a :last-child{height:40px;width:40px}@media screen and (max-width:768px){.contact{padding:60px 10px}.contact .coordonnees{flex-direction:column}.contact .coordonnees form{width:100%}.contact .coordonnees .mesCoordonnees{margin-top:20px}.contact .coordonnees .mesCoordonnees a{padding:0}}.footer{color:#d3d3d3;text-align:center}.footer p{padding:20px}.footer hr{border-color:#d3d3d366}@media screen and (max-width:768px){.footer p{font-size:14px}}.header{background:#333;justify-content:space-between;margin:auto;padding:15px 200px;position:fixed;width:100%;z-index:10}.header,.header .logo{align-items:center;display:flex}.header .logo{border:1px solid #fff;border-radius:50px;justify-content:center;min-width:300px;overflow:hidden;text-decoration:none}.header .logo img{background:#f3f3f3;border-radius:50%;height:80px;margin-left:-2px;width:80px}.header .logo span{color:#d3d3d3;font-family:Marck Script;font-size:32px;font-weight:700;margin-left:25px;margin-right:25px}.header .burgerMenu{align-items:center;cursor:pointer;display:none;height:30px;position:relative;width:30px}.header .burgerMenu .line{background:#d3d3d3;height:3px;transition:.4s;width:100%}.header .burgerMenu .line:before{top:3px}.header .burgerMenu .line:after,.header .burgerMenu .line:before{background:#d3d3d3;content:"";height:3px;left:0;position:absolute;transition:.4s;width:100%}.header .burgerMenu .line:after{bottom:3px}.header nav ul{display:flex}.header nav ul li{list-style-type:none;position:relative}.header nav ul li:not(:last-child){margin-right:20px}.header nav ul li:hover{transition:1s}.header nav ul li:hover a:after{transition:.4s;width:100%}.header nav ul li a{color:#f3f3f3;font-size:20px;font-weight:600;text-decoration:none;text-transform:capitalize}.header nav ul li a:after{background:#d3d3d3;bottom:0;content:"";height:3px;left:0;position:absolute;transition:.4s;width:0}@media screen and (max-width:1350px){.header{padding:15px}}@media screen and (max-width:992px){.header{padding:5px 10px;width:100%}.header .logo{min-width:0}.header .logo img{background:#f3f3f3;border-radius:50%;height:40px;margin-left:-2px;width:40px}.header .logo span{color:#d3d3d3;font-family:Marck Script;font-size:22px;margin-left:10px;margin-right:10px}.header .burgerMenu{display:flex;z-index:10}.header .burgerMenu .lineOpen{background:#d3d3d3;height:3px;transition:.4s;width:0}.header .burgerMenu .lineOpen:before{top:3px;transform:rotate(45deg);transform-origin:left}.header .burgerMenu .lineOpen:after,.header .burgerMenu .lineOpen:before{background:#d3d3d3;content:"";height:3px;left:0;position:absolute;transition:.4s;width:100%}.header .burgerMenu .lineOpen:after{bottom:3px;transform:rotate(-45deg);transform-origin:left}.header nav{display:none}.header .mobile{background:#333;display:flex;height:100vh;left:0;position:absolute;top:0;width:100%}.header .mobile ul{align-items:center;flex-direction:column;height:100%;justify-content:center;width:100%}.header .mobile ul li:not(:last-child){margin-bottom:25px;margin-right:0}.header .mobile ul li a{font-size:25px}}.cardPortfolio{animation-timeline:view();animation-range:0 50%;align-items:center;animation:monAnimationCard auto ease-in-out both;border-radius:15px;box-shadow:0 0 8px #d3d3d3;color:#d3d3d3;display:flex;flex-direction:column;min-height:300px;overflow:hidden;padding:10px;width:350px}.cardPortfolio img{height:200px;margin-bottom:10px;object-fit:contain;width:100%}.cardPortfolio h3{font-size:20px}.cardPortfolio p{font-style:italic;text-align:center}@keyframes monAnimationCard{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.portfolio{color:#d3d3d3;padding:100px 0 80px}.portfolio h2{font-size:30px;margin-bottom:25px;text-align:center}.portfolio p{font-size:18px;margin:25px 0;padding-inline:30px;text-align:center;text-align:justify}.portfolio .cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly}@media screen and (max-width:768px){.portfolio{padding:60px 10px}.portfolio p{padding-inline:0;width:100%}}
/*# sourceMappingURL=main.6bd0074c.css.map*/