pouque-chlor-web/css/style.css

@font-face {
  font-family: Down-Regular;
  src: url(/fonts/down_regular.otf);
}

body {
  background: #F6CEFC;
  background-image: url('/img/rainbow.gif');
  font-family: Down-Regular, monospace;
  text-align: center;
}

a:link, a:visited, a:hover, a:active {
  color: #000000;
}

.rainbow {
  -webkit-animation: rainbow 5s infinite; 
  -ms-animation: rainbow 5s infinite;
  animation: rainbow 5s infinite; 
}

@-webkit-keyframes rainbow{
  0%{color: orange;}  
  10%{color: purple;}  
  20%{color: red;}
  30%{color: CadetBlue;}
  40%{color: yellow;}
  50%{color: coral;}
  60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
  100%{color: orange;}
}

@-ms-keyframes rainbow{
  0%{color: orange;}  
  10%{color: purple;}  
  20%{color: red;}
  30%{color: CadetBlue;}
  40%{color: yellow;}
  50%{color: coral;}
  60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
  100%{color: orange;}
}

@keyframes rainbow{
  0%{color: orange;}  
  10%{color: purple;}  
  20%{color: red;}
  30%{color: CadetBlue;}
  40%{color: yellow;}
  50%{color: coral;}
  60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
  100%{color: orange;}
}

video {
  object-fit: contain;
  top: 0;
  left: 0;
}