body {
  font-family:Arial, Helvetica, sans-serif;
  animation: rainbow 6s infinite;
}
@keyframes rainbow {
  0% {
      background-color: rgb(245, 158, 158);
  }
  10% {
      background-color: rgb(248, 187, 165);
  }
  20% {
    background-color: rgb(244, 208, 141);
  }
  30% {
    background-color: rgb(244, 244, 108);
  }
  40% {
    background-color: rgb(152, 250, 152);
  }
  50% {
    background-color:rgb(128, 250, 128)
  }
  60% {
    background-color:rgb(148, 233, 195)
  }
  70% {
    background-color: rgb(146, 235, 226);
  }
  80% {
    background-color: rgb(169, 199, 255);
  }
  90% {
    background-color: rgb(173, 173, 238);
  }
  95% {
    background-color: rgb(193, 157, 235);
  }
  100% {
    background-color: rgb(245, 158, 158);
  }
}
.construction {
  height: 80vh;
  animation: pride 6s infinite;
}
  @keyframes pride {
0% {filter: hue-rotate(0);
}
50% {
  filter: hue-rotate(-540deg);
}
100% {filter: hue-rotate(0);
} }