/* Animated gradient background */
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  /* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
    /* background: linear-gradient(
    -45deg,
    rgba(238, 119, 82, 0.7),
    rgba(231, 60, 126, 0.7),
    rgba(35, 166, 213, 0.7),
    rgba(35, 213, 171, 0.7)
  );  */
  background: linear-gradient(
    -45deg,
    rgba(72, 61, 139, 0.7) 0%,
    rgba(0, 191, 255, 0.6) 40%,
    rgba(123, 104, 238, 0.7) 75%,
    rgba(0, 255, 200, 0.6) 100%
  );
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}

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