.social{
  text-align: center;
}


footer{
  text-align: center;
  font-size:0.8em;
}

.gradient {
  background: linear-gradient(135deg, #FF7098 0%, #FF7098 15%, #FFB8C8 36%, #FFB8C8 50%, #FFB8C8 65%, #FFE8D0 86%, #FFE8D0 100%);
  background-size: 400% 400%;
  background-position: center;
  animation: gradient-anim 8.846153846153847s ease infinite;
  animation-direction: alternate;
}

@keyframes gradient-anim {
  0% { background-position: 0% 0%; }
  50% { background-position: 100% 100%; }
  100% { background-position: 0% 0%; }
}
/* Note: The following effects are rendered on the canvas and cannot be expressed in CSS:
 * grain/film overlay, noise distortion, distortion, contrast adjustment.
 * Export as PNG or Video to preserve these effects. */