.rainbow-fill{
  animation: rainbow-fill 2.5s linear;
  animation-iteration-count: infinite;
}

@keyframes rainbow-fill{
  100%,0%{
    fill: rgb(255,0,0);
  }
  8%{
    fill: rgb(255,127,0);
  }
  16%{
    fill: rgb(255,255,0);
  }
  25%{
    fill: rgb(127,255,0);
  }
  33%{
    fill: rgb(0,255,0);
  }
  41%{
    fill: rgb(0,255,127);
  }
  50%{
    fill: rgb(0,255,255);
  }
  58%{
    fill: rgb(0,127,255);
  }
  66%{
    fill: rgb(0,0,255);
  }
  75%{
    fill: rgb(127,0,255);
  }
  83%{
    fill: rgb(255,0,255);
  }
  91%{
    fill: rgb(255,0,127);
  }
}

.win {
  fill: green;
}
.miss {
  fill: orange;
}
.loss {
  fill: red;
}