.drip:nth-child(2) {
  animation-delay: 1s;
}
.drip:nth-child(3) {
  animation-delay: 2s;
}

#p1title {
  color: #2e7e34;
}

#p2title {
  text-align: center;
  font-family: 'Parisienne', cursive;
  font-size: 310%;
  line-height: 100%;
  color: black;
  height: 255px;
}
/* Feuilles qui ondulent */
@keyframes sway { 0%,100% { transform: rotate(0deg);} 50% { transform: rotate(7deg);} }
/* Branches qui vibrent légèrement */
@keyframes vibe { 0%,100% { transform: translateX(0);} 50% { transform: translateX(2px);} }
/* Olives qui scintillent */
@keyframes glow { 0%,100% { opacity:1; filter:drop-shadow(0 0 0 #2E7D32);} 50% { opacity:0.7; filter:drop-shadow(0 0 8px #4CAF50);} }
/* Gouttes qui coulent */
@keyframes drip { 0% { transform: translateY(0); opacity:0;} 10% {opacity:1;} 90% { transform: translateY(80px); opacity:1;} 100% { transform: translateY(100px); opacity:0;} }
/* Texte qui pulse */
@keyframes pulse { 0%,100% {transform: scale(1);} 50% {transform: scale(1.05);} }
/* Mouvement léger des branches */
.branch { transform-origin: top center; animation: vibe 6s ease-in-out infinite; }
/* Classes animées */
.leaf { transform-origin: center; animation: sway 4s ease-in-out infinite; }
.leaf:nth-child(1){animation-delay:0s} .leaf:nth-child(2){animation-delay:1s}
.leaf:nth-child(3){animation-delay:0.5s} .leaf:nth-child(4){animation-delay:1.2s}
.leaf:nth-child(5){animation-delay:0.8s}
.olive { animation: glow 2.5s ease-in-out infinite; transform-origin: center; }
.olive:nth-child(1){animation-delay:0s} .olive:nth-child(2){animation-delay:0.8s}
.olive:nth-child(3){animation-delay:0.4s} .olive:nth-child(4){animation-delay:1.1s}
.drip { fill:#A4D65E; opacity:0; animation: drip 3s ease-in-out infinite; }
.text { font-family:'Segoe UI',sans-serif; font-size:36px; fill:#A4D65E;
        animation: pulse 2s ease-in-out infinite; filter: drop-shadow(0 0 4px #7BB661); }

  .text-glow {
    color: greenyellow;
    animation: glowFade 3s ease-in-out infinite;
  }

  @keyframes glowFade {
    0%, 100% {
      text-shadow:
        0 0 2px #666,
        0 0 4px #666;
      opacity: 0.3;
    }
    50% {
      text-shadow:
        0 0 10px greenyellow,
        0 0 20px #adff2f,
        0 0 30px #ccff00;
      opacity: 1;
    }
  }

body {
      margin: 0;
      /*background-color: rgba(128, 255, 212, 0.44);*/
      background: linear-gradient(135deg, #00ffbc 0%, #9eff83 25%, #c0facc 50%, #9eff83 75%, #00f2fe 100%);

      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

body.dark-mode {
    background: linear-gradient(to bottom right, #000000, #000000, #142724, #07362b, #000000);
  }

    svg {
      max-width: 90vw;
      max-height: 90vh;
    }

    @keyframes glowPulse {
      0%, 100% {
        fill: #B6FF5E;
        filter: drop-shadow(0 0 15px #D4FF7A) drop-shadow(0 0 25px #A4FF00);
        transform: scale(1);
      }
      50% {
        fill: #FFFFA0;
        filter: drop-shadow(0 0 25px #FFFFC0) drop-shadow(0 0 40px #EFFF94);
        transform: scale(1.12);
      }
    }

    .text-shine {
      font-family: 'Segoe UI', sans-serif;
      font-size: 48px;
      fill: #B6FF5E;
      animation: glowPulse 2.5s ease-in-out infinite;
      text-shadow: 0 0 15px #FFFF99, 0 0 25px #F0FFB0, 0 0 35px #E4FF88;
    }