@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap");

* {
  font-family: "Lora", sans-serif;
}

.inverted {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

body {
  /* background: linear-gradient(-45deg, #f0f0ef, #f5f5e5, #d9d9d8); */
  /* fbf8cc, fde4cf, ffcfd2, f1c0e8, cfbaf0, a3c4f3, 90dbf4, 8eecf5, 98f5e1, b9fbc0 */
  background: linear-gradient(
    -45deg,
    #fbf8cc,
    /* #fde4cf, */ #fde4cf,
    #ffcfd2,
    #f1c0e8,
    #cfbaf0,
    #a3c4f3,
    #b9fbc0
  );
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  height: 100vh;
}

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

.title {
  color: transparent;
  background: url("https://phandroid.s3.amazonaws.com/wp-content/uploads/2014/05/rainbow-nebula.jpg") repeat;
  background-position: 40% 50%;
  -webkit-background-clip: text;
  background-clip: text;
}