body {
  background-color: #B89997;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-family: Georgia;
  line-height: 1.25em;
}

header img {
  margin: 20px 0;
  width: 100%;
  max-width: 400px;
}

section, footer {
  /* transform: rotate(-5deg); */

  -webkit-animation-name: spin;
  -webkit-animation-duration: 55000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -moz-animation-name: spin;
  -moz-animation-duration: 55000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease;
  -ms-animation-name: spin;
  -ms-animation-duration: 55000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: ease;
  animation-name: spin;
  animation-duration: 25000ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease;

}

@-ms-keyframes spin {
    0% { -ms-transform: rotate(-3deg); }
    50% { -ms-transform: rotate(-4deg); }
    100% { -ms-transform: rotate(-3deg); }
}
@-moz-keyframes spin {
    0% { -moz-transform: rotate(-3deg); }
    50% { -moz-transform: rotate(-4deg); }
    100% { -moz-transform: rotate(-3deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(-3deg); }
    50% { -webkit-transform: rotate(-4deg); }
    100% { -webkit-transform: rotate(-3deg); }
}
@keyframes spin {
    0% { transform:rotate(-3deg); }
    50% { transform:rotate(-4deg); }
    100% { transform: rotate(-3deg); }
}