.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
  background-color: rgb(240, 240, 240);
}
.card {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.imgzoom {
  transition: all 0.4s ease-in-out;
}

.imgzoom:hover {
  transform: scale(1.2);
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

.btn1 {
  text-decoration: none;
  background: linear-gradient(
    90deg,
    #ff6a00,
    #ffdd00,
    #aaff00,
    #00ff6a,
    #00ffd5,
    #0099ff,
    #0040ff,
    #7a00ff,
    #d000ff,
    #ff007a,
    #ff6a00
  );
  background-size: 400%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  animation: moveGradient 5s linear infinite alternate;
}
 .btn:hover {
  transform: translateY(-3px);
 }

@keyframes moveGradient {
  0% {
    background-position: 0% 25%;
  }
  100% {
    background-position: 100% 25%;
  }
}