h1{
	font-size: 60px;
}
.floating-btn {
  position: fixed;
  bottom: 20px; /* distance from bottom */
  right: 20px; /* distance from right */
  background-color: #007bff; /* button color */
  color: #fff;
  padding: 14px 20px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  transition: background-color 0.3s ease, transform 0.2s ease;
  animation: wave 0.8s ease-in-out;
}

.floating-btn:hover {
  background-color: #0056b3;
  transform: translateY(-3px);
    color: #fff;
}

@keyframes wave {
  0% { transform: rotate(0deg); }
  15% { transform: rotate(14deg); }
  30% { transform: rotate(-8deg); }
  40% { transform: rotate(14deg); }
  50% { transform: rotate(-4deg); }
  60% { transform: rotate(10deg); }
  100% { transform: rotate(0deg); }
}
