style.css

body {
  display: flex;
  width: 300px;
  justify-content: center;
  align-items: center;
  animation: animate;
  animation-timing-function: ease-in-out;
  background-color: rgb(243, 144, 31);
  animation-duration: 10s;
  animation-iteration-count: infinite;
}

p {
  margin: 10px;
  box-shadow: 0 0 20px #fff;
  font-size: 20px;
  padding: 15px;
  border: 2px solid white;
  border-radius: 7px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

@keyframes animate {
  10% {
    background-color: rgb(243, 144, 31);
  }

  20% {
    background-color: rgb(255, 238, 86);
  }

  40% {
    background-color: rgb(88, 240, 227);
  }

  60% {
    background-color: rgb(252, 85, 243);
  }

  80% {
    background-color: rgb(241, 59, 144);
  }

  100% {
    background-color: rgb(150, 245, 126);
  }
}