#box {
  width: 200px;
  height: 200px;
  /* background-color: red; */
  transition: all 0.3s ease-in;
}

.fancy {
  border-radius: 25%;
  background-color: rgb(2, 0, 36);
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(182, 176, 105, 1) 47%,
    rgba(0, 212, 255, 1) 100%
  );
  rotate: 23deg;

  scale: 1.5;
  translate: 300px;
  animation: 0.5s spin linear infinite;
}

@keyframes spin {
  /* 0% {
    rotate: 0deg;
  } */
  100% {
    rotate: 360deg;
  }
}