#rpaimg {
  transition: transform 0.5s ease-in-out;
}

@keyframes flipAnimation {
  0% { transform: perspective(400px) rotateY(0deg); }
  100% { transform: perspective(400px) rotateY(360deg); }
}

.flip-animation {
  animation: flipAnimation 2s infinite; 
}

#mainimg {
  width: 50%; /* Adjust size as needed */
  transition: transform 0.5s ease-in-out; /* Smooth transition for animation */
}

/* Animation for the large image */
@keyframes scaleAnimation {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

/* Apply scale animation when hovering over the large image */
#mainimg:hover {
  animation: scaleAnimation 2s infinite; /* Adjust duration and iteration count as needed */
}

#letsconnectbtn:hover{
  animation: scaleAnimation 2s infinite; /* Adjust duration and iteration count as needed */
}

#section1-btn:hover{
  animation: scaleAnimation 2s infinite;
}





/* Animation for page elements */
@keyframes slideInFromLeft {
  0% { opacity: 0; transform: translateX(-100%); } /* Initial state */
  100% { opacity: 1; transform: translateX(0); } /* Final state */
}

/* Styles for page elements */
main {
  opacity: 0;
  animation: slideInFromLeft 1s ease-in-out forwards;
}

h1, p {
  margin: 0;
}