@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap'); #gradient-background{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(45deg,#1a1a1a,#121212,#2c3e50);background-size:400% 400%;animation:gradient-animation 6s ease infinite;z-index:-1}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}#banner{background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:0}#banner .banner-content{text-align:center;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.7);padding:20px}#banner h1{font-size:80px;color:#fff}#site-header{position:relative;background:linear-gradient(45deg,#1a1a1a,#121212,#2c3e50);background-size:400% 400%;animation:gradient-animation 8s ease infinite;box-shadow:0 2px 10px rgba(0,0,0,.4);z-index:1;padding-top:10px;padding-bottom:10px}.projects .container{width:100%;padding:20px;box-sizing:border-box}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;grid-template-rows:auto;width:100%}.project-card{display:flex;flex-direction:column;gap:10px;background:#2c3e50;padding:10px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.image-container{position:relative;width:100%;height:200px;overflow:hidden;border-radius:8px}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card img:hover{transform:scale(1.1)}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.overlay h3{color:#fff;font-size:24px}.image-container:hover .overlay{opacity:1}.project-card span{font-weight:700;margin-bottom:10px}.project-card p{font-size:14px;color:#fff}.project-card p{font-size:20px}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}#site-header h1,#site-header .site-title{position:relative;color:#fff;z-index:2;font-size:3em;text-align:center;margin:0;padding-top:50px}#site-header .container{display:flex;justify-content:space-between;align-items:center}#site-header .container a{text-decoration:none}#site-header .site-logo img{height:50px}#site-header .site-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:20px}#site-header .site-navigation a{text-decoration:none;color:#fff}#site-header .site-navigation a:hover{color:red}#site-footer{position:relative;background:linear-gradient(45deg,#1a1a1a,#121212,#2c3e50);background-size:400% 400%;animation:gradient-animation 8s ease infinite;box-shadow:0 2px 10px rgba(0,0,0,.4);z-index:1}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}#site-footer h1,#site-header .site-title{position:relative;color:#fff;z-index:2;font-size:3em;text-align:center;margin:0;padding:0}.container-footer{display:flex;justify-content:space-between;align-items:center;width:80%;margin:0 auto}.container{align-items:center;width:80%;margin:0 auto}.footer-navigation-left,.footer-navigation-right{flex:1;display:flex;justify-content:center}.footer-navigation-center{flex:1;text-align:center}ul{list-style:none;margin:0;padding:0}ul li{display:inline;margin:0 10px}ul li a{text-decoration:none;color:#fff}.footer-navigation-left ul li,.footer-navigation-right ul li{margin-right:30px}.footer-navigation-center ul li{margin-left:10px;margin-right:10px}footer{height:40px}.services{text-align:center;padding:60px 20px}.services h2{font-size:36px;margin-bottom:30px;color:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:900px;margin:0 auto}.service-item{background:#2c3e50;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2);font-size:18px;font-weight:600;color:#fff;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.service-item.show{opacity:1;transform:translateY(0)}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-up.show{opacity:1;transform:translateY(0)}p{font-size:35px}.container h2{font-size:70px}.intro{padding:0}section{border-bottom:1px solid #fff}.blog-posts{padding:40px 0}.container{width:100%;margin:0 auto;max-width:1200px}.post-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.project-card{width:48%;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 6px 15px rgba(0,0,0,.15);transition:transform .3s ease}.project-card:hover{transform:scale(1.1)}.image-container{position:relative;overflow:hidden;border-radius:10px;height:350px}.project-image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.image-wrapper:hover .overlay{opacity:1}.post-link{display:block;width:100%;height:100%}#site-content .container{padding:20px}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000;justify-content:center;align-items:center}.popup-content{background-color:#2c3e50;padding:20px;max-width:600px;width:90%;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.close-popup{justify-content:center;float:right;font-size:1.5rem;font-weight:700;cursor:pointer}.close-popup:hover{color:#d8d8d8}.custom-form{width:100%;max-width:400px;margin:0 auto;padding-top:-20px}.label-name,.label-email,.label-message{font-family:'Poppins',sans-serif;font-size:18px;font-weight:500;line-height:18px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;display:block;margin-bottom:5px}.input-name,.input-email{width:263px;height:40px;border-radius:8px !important;border:1px solid #000;padding:5px 10px;font-family:'Poppins',sans-serif}.input-message{height:210px;width:100%;border-radius:8px;border:1px solid #000;padding:5px 10px;font-family:'Poppins',sans-serif}.submit-container{text-align:center;margin-top:-25px;display:flex;justify-content:center}.submit-button,input[type=submit]{width:263px;height:50px;display:flex;align-items:center;justify-content:center;padding:8px 15px;border-radius:2px 0 0;background-color:#d8d8d8 !important;border:none;cursor:pointer;color:#333 !important;font-size:18px;font-weight:700;transition:background-color .3s ease}.submit-button:hover,input[type=submit]:hover{background-color:#bfbfbf !important}.contact-title{font-family:'Poppins',sans-serif;font-size:30px;font-style:italic;text-transform:uppercase;text-align:center;display:flex;flex-direction:column;gap:0px;margin-bottom:20px}.hamburger-menu{display:none;background:0 0;border:none;font-size:28px;cursor:pointer;position:absolute;right:20px;z-index:9999;color:#000;text-decoration:none !important}.photo-container{position:relative;z-index:1}#contact-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:9999}.popup-content{background:#2c3e50;padding:20px;border-radius:8px;max-width:500px;width:80%;height:90%;position:relative;overflow:hidden}#close-popup{position:absolute;top:10px;right:10px;background:0 0;border:none;font-size:18px;cursor:pointer}.single-projet-container{display:flex;flex-direction:column;align-items:center;margin:0 auto}.single-projet{width:100%;max-width:1200px;margin-bottom:40px}.single-projet h1{font-weight:700;color:#fff;margin-bottom:20px}.projet-content{padding:60px 20px;display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:30px;margin-bottom:40px;border-bottom:1px solid #fff}.projet-image-section{flex:3;display:flex;justify-content:center}.projet-image{width:100%;max-width:600px;height:auto;max-height:650px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.projet-image:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.15)}.projet-commentaire-section{padding-left:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto}.projet-commentaire{padding-top:60px;font-size:22px;color:#fff;text-align:center;max-width:500px}.projet-content+.projet-content{margin-top:50px}@media (max-width:1048px){nav ul{flex-direction:column;align-items:center}.banner{font-size:1.5rem;height:30vh}.services,.projects{grid-template-columns:1fr}#banner h1{font-size:60px}p{font-size:30px;text-align:center}.banner-image{display:none}.project-card{width:100%;padding:0}#site-footer{width:100%}.container h2{font-size:50px}main{margin:20px}.projet{flex-direction:column;align-items:center;text-align:center}.projet-content{flex-direction:column;text-align:center}.projet-content img{order:-1}.projet-content.inverse{flex-direction:column-reverse}.projet-commentaire{font-size:30px}.popup-content{height:auto}#close-popup{top:-15px;right:-15px}#contact-popup{margin-top:0}.site-logo span{margin-left:10px}.image-container{height:250px}}