.bg-section-light{
    background-color: var(--havil-text-light);
}

#img-salut-home{
	width: 100px;
	height: 100px;
	position:absolute;
	transform:translate(-30%, -30%);
}
#img-moi-home{
	width: 300px; 
	height: 300px;
}
.project-card {
    background-image: url('https://havil.studio/wp-content/uploads/2025/06/arriereplan_fondubeige_abstraitv2.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    color: #333;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.project-rounded{

    border-radius: 40px;
}

#about{
    position: relative;
}
#projects{
    padding-top: 180px !important;
}
.wave-separator-home {
    position: absolute;
    bottom: -180px;
    left: 0;
    width: 100%;
    height: 180px; /* La hauteur de tes vagues */
    overflow: hidden; /* Important pour masquer ce qui dépasse */
}

/* Conteneur pour la vague du bas */
.wave-separator-home .wave-bottom-layer-about {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200%; /* Plus large pour permettre le défilement continu */
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' transform='scale(1 -1)'%3E%3Cpath fill='%23B28B50' d='m0 128 80-10.7C160 107 320 85 480 90.7c160 5.3 320 37.3 480 48 160 10.3 320 .3 400-5.4l80-5.3v192H0Z'/%3E%3C/svg%3E");    background-repeat: repeat-x; /* Répète horizontalement */
    background-size: auto 100%; /* Ajuste la hauteur de la vague à 100% du conteneur, largeur auto */
    animation: slide-wave-slow 20s linear infinite;
    z-index: 1;
}

/* Conteneur pour la vague du haut */
.wave-separator-home .wave-top-layer-about {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200%; /* Plus large pour permettre le défilement continu */
    height: 100%;
    /* Remplace 'TON_SVG_ENCODE_5178B3' par le code SVG encodé avec fill="#5178B3" */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' transform='scale(1 -1)'%3E%3Cpath fill='%23f0f0f0' d='m0 128 80-10.7C160 107 320 85 480 90.7c160 5.3 320 37.3 480 48 160 10.3 320 .3 400-5.4l80-5.3v192H0Z'/%3E%3C/svg%3E");    background-repeat: repeat-x; /* Répète horizontalement */
    background-size: auto 100%;
    animation: slide-wave-fast 12s linear infinite;
    z-index: 2;
}

/* Définition des animations de défilement */
@keyframes slide-wave-slow {
    0% { background-position-x: 0; }
    100% { background-position-x: -810px; } /* Défile de toute la largeur de ton motif de vague */
}

@keyframes slide-wave-fast {
    0% { background-position-x: 0; }
    100% { background-position-x: -810px; }
}
/*
.section-projects-background {

    background-image: url('https://havil.studio/wp-content/uploads/2025/06/arriereplan_fondubeige_aquarelle-scaled.jpg'); 
    background-attachment: fixed; 
    background-position: center center; 
    background-size: cover; 
    background-repeat: no-repeat; 

    background-color: #f8f8f8; 
}
*/