/* #dente {
    background-image: url('./dente.png');
    background-repeat: no-repeat;
    background-position: 50px;
    background-size: 200px;
} */

html, body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

@keyframes floatXY {
  0%   { transform: translate(0, 0); }
  25%  { transform: translate(20px, -10px); }
  50%  { transform: translate(0, -20px); }
  75%  { transform: translate(-20px, -10px); }
  100% { transform: translate(0, 0); }
}

.floating {
  animation: floatXY 4s ease-in-out infinite;
}

.bg-animate {
  background: linear-gradient(to right, #0c448a, #224e7c, #18899c, #28b9da);
  background-size: 400% 400%;
  animation: gradientMovement 10s ease infinite; 
}


@keyframes gradientMovement {
  0% {
    background-position: 100% 50%;
  }
  50% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}