/* Animations */
@keyframes fadeIn {
    to {
      opacity: 1;
    }
  }
  
@keyframes slideIn {
  to {
    transform: translateY(0);
  }
}
  
  @keyframes pulse {
  
    0%,
    100% {
      text-shadow: 0 0 5px #f39c12, 0 0 15px #f39c12, 0 0 30px #f39c12;
    }
  
    50% {
      text-shadow: 0 0 10px #ffbd59, 0 0 20px #ffbd59, 0 0 40px #ffbd59;
    }
  }
  
  /* Typing animation */
  @keyframes typing {
    from {
      width: 0;
      
    }
    to {
      width: 100%;
    }
  }
  
  @keyframes blink {
    from {
      border-color: transparent;
    }
    to {
      border-color: #fff;
    }
  }

  
  @keyframes showup {
    0% {
      opacity: 0;
    }
  
    20% {
      opacity: 1;
    }
  
    80% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }


/* Animation keyframes for skills */
@keyframes moveLeftToRight {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}