header,section,footer,aside,nav,article,figure,figcaption{display:block;}
    
body {
  /* Initial background color */
  background-color: red;
  /* Apply the animation: name (rainbow), duration (10s), loop (infinite) */
  animation: rainbow 10s infinite linear;
}

/* Define the color sequence */
@keyframes rainbow {
  0%   { background-color: red; }
  16%  { background-color: orange; }
  33%  { background-color: yellow; }
  50%  { background-color: green; }
  66%  { background-color: blue; }
  83%  { background-color: indigo; }
  100% { background-color: red; } /* Loop back to start */
}
.spinning-image {
  width: 200px; /* Adjust size as needed */
  height: 200px;
  border-radius: 50%; /* Optional: makes the image a circle */
  
  /* The animation: name, duration, timing, and repetition */
  animation: rotate-animation 5s infinite linear;
}

/* Defining the actual rotation */
@keyframes rotate-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }