/* CSS files add styling rules to your content */

body {
  font-family: helvetica, arial, sans-serif;
  margin: 2em;
  background: yellow;
}

h1 {
  font-style: italic;
  color: salmon;
}

#boring1 {
  font-style: italic;
  color: purple;
}

#boring2 {
  font-style: italic;
  color: blue;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#boring {
  animation: spin 11s ease-in-out infinite;
}