.body {
  text-align: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    35deg,
    #9ef5f7,
    #98e7bb,
    #cae798,
    #dded76,
    #f1bd67,
    #f1bd67,
    #f0a2d4,
    #ee8fe9,
    #a57df0,
    #7d85f0
  );
  background-size: 800% 100%;
  animation: gradient 16s linear infinite;
  animation-direction: alternate;
}
@keyframes gradient {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}