* {
  background-color: black;
  font-family: 'Courier New', Courier, monospace;
}

.index {
width: 600px;
height: 250px;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
padding: 10px;
}

img {
  width: 200px;
}

p {
  color: aliceblue;
}

.color-cycle {
  animation: mudarCor 2s infinite; /* 3 segundos por ciclo, repete para sempre */
  animation-timing-function: linear;
}

@keyframes mudarCor {
  0%   { color: red; }
  13%  { color: orange; }
  25%  { color: yellow; }
  37%  { color: lightgreen; }
  50%  { color: lime; }
  67%  { color: green; }
  75%  { color: blue; }
  85%  { color: purple; }
  100% { color: deeppink; }
}