@keyframes softShake {
 0% { transform: translateX(0); }
 25% { transform: translateX(2px); }
 50% { transform: translateX(-2px); }
 75% { transform: translateX(2px); }
 100% { transform: translateX(0); }
}

.shake-text {
 animation: softShake 0.4s ease-in-out;
 animation-delay: 2s;
 animation-iteration-count: infinite;
}

@keyframes pulseButton {
 0% { transform: scale(1); }
 5% { transform: scale(1.08); }
 10% { transform: scale(1); }
 100% { transform: scale(1); }
}

.pulse-btn{
 animation: pulseButton 10s infinite;
}


body{
 overflow-x:hidden;
}



.shake-trending {
  display: inline-block;
  animation: softShake 4s ease-in-out infinite;
}

@keyframes softShake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-2px); }
  50% { transform: translateX(2px); }
  75% { transform: translateX(-2px); }
  100% { transform: translateX(0); }
}


.promoted-post {
  display: inline-block;
  animation: floatLabel 4s ease-in-out infinite;
}

@keyframes floatLabel {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0px); }
}

.breathing-headline {
  display: inline-block;
  font-family: 'Playfair Display', serif; /* Elegant headline font */
  font-weight: 700;
  animation: breathe 6s ease-in-out infinite;
}

@keyframes breathe {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}


.trending-section {
  background-color: #f8f9fa; /* light gray */
  background-image: repeating-linear-gradient(
    45deg,
    rgba(0,0,0,0.02),
    rgba(0,0,0,0.02) 1px,
    transparent 1px,
    transparent 5px
  );
  padding: 20px;
  border-radius: 8px;
}
.about-image {
  display: inline-block;
  animation: floatImage 6s ease-in-out infinite;
}

@keyframes floatImage {
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-5px) scale(1.02); }
  50%  { transform: translateY(0) scale(1); }
  75%  { transform: translateY(5px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}