/* Add this CSS to your stylesheet or inside <style> */
/* this add a glow hightlight when scrolling into an anchor target to easy  */
.glow-highlight {
    animation: glowPulse 2s ease-out 1;
    box-shadow: 0 0 10px 4px rgba(255, 200, 0, 0.8);
    border-radius: 4px;
  }
  @keyframes glowPulse {
    0%   { box-shadow: 0 0 0px 0px rgba(255, 200, 0, 0); }
    50%  { box-shadow: 0 0 10px 6px rgba(255, 200, 0, 0.9); }
    100% { box-shadow: 0 0 0px 0px rgba(255, 200, 0, 0); }
  }


  .glow-pulse {
    animation: pulseGlow 2.5s ease-in-out 3;
    box-shadow: 0 0 0px rgba(255, 200, 0, 0);
    border-radius: 4px;
  }
  
  @keyframes pulseGlow {
    0%   { box-shadow: 0 0 0px rgba(255, 200, 0, 0); }
    20%  { box-shadow: 0 0 8px 3px rgba(255, 200, 0, 0.7); }
    40%  { box-shadow: 0 0 20px 10px rgba(255, 200, 0, 1); }
    60%  { box-shadow: 0 0 8px 4px rgba(255, 200, 0, 0.8); }
    80%  { box-shadow: 0 0 18px 8px rgba(255, 200, 0, 0.6); }
    100% { box-shadow: 0 0 0px rgba(255, 200, 0, 0); }
  }