/* Skill Auto Scroll */
@keyframes skill-auto-scroll{
  10%{
    transform: translateY(-16%);
  }
  40%{
    transform: translateY(-16%);
  }
  50%{
    transform: translateY(-34%);
  }
  75%{
    transform: translateY(-34%);
  }
  85%{
    transform: translateY(-50%);
  }
  100%{
    transform: translateY(-50%);
  }
}



/* Show and Hide contact-card */
@keyframes show-card{
  from{
    transform: translateY(-100px);
  }
  to{
    transform: translateY(0px);
  }
}

@keyframes hide-card{
  from{
    transform: translateY(0px);
  }
  to{
    transform: translateY(-100px);
  }
}



/* Show and Hide experience details*/
@keyframes show-more-details{
  99.9%{
    max-height: 160px;
  }
  100%{
    max-height: fit-content;
  }
}

@keyframes hide-more-details{
  0%{
    max-height: fit-content;
  }
  0.1%{
    max-height: 160px;
  }
  100%{
    max-height: 79.3px;
  }
}