<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.gragra .anime {
  width: 80px;
  height: 80px;
  background: red;
  position: inherit;
  z-index: 9999999;
  animation: myfirst 20s infinite;
  animation-direction: alternate;
  border-radius: 100%;
  color: #ffffff;
  padding: 10px;
}

@keyframes myfirst {
  0%   {background: red; left: 0px; top: 0px;}
  12.5%  {background: #ff1ac6; left: 500px; top: 0px;}
  25%  {background: yellow; left: 1000px; top: 0px;}
  37.5%  {background: #ff0066; left: 350px; top: 175px;}
  50%  {background: #0052cc; left: 1000px; top: 350px;}
  62.5%  {background: #99cc00; left: 500px; top: 500px;}
  75%  {background: #ff6600; left: 0px; top: 350px;}
  87.5%  {background: yellow; left: 0px; top: 175px;}
  100% {background: red; left: 0px; top: 0px;}
}
</pre></body></html>