body {
    margin: 0;
    padding: 0;
    display: flex;
}
.titre {
  
  font-size: 3rem;
  font-family: "Comic Sans MS";
  background: linear-gradient(
    to right,
    rgb(255, 0, 0),
    rgb(255, 166, 0),
    rgb(255, 255, 0),
    rgb(9, 255, 0),
    rgb(0, 0, 255),
    rgb(255, 0, 255)
  );
  background-size: 200% auto;
  color: transparent;
  text-align: center;   
  transform-origin: center;
  background-clip: text;
  -webkit-background-clip: text;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 120px;
  text-align: center;
  z-index: -1;

  animation: rotateText 20s linear infinite, gradientAnimation 2s linear infinite;
}

@keyframes rotateText {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

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