.starting{
    border: 2px solid #ffc0cb;
    margin: 0 auto;
}
.text-pink{
  color: #ffc0cb;
}

  .reach-me{
  /* start invisible — keyframes will animate to visible */
  opacity: 0;
  /* use transform for smooth animations */
  transform: translateY(-10%);
  /* trigger animation */
  animation: longitude 3s ease forwards;
  animation-delay: 1s;
}

/* simpler, performant keyframes */
@keyframes longitude {
  from { opacity: 0; transform: translateY(-50%); }
  to   { opacity: 1; transform: translateY(0); }

}