body {
  background: lavender;
  text-align: center;
}

h1 {
  font-family: 'Bubblegum Sans', cursive;
}

.button {
  color: pink;
}

.button:hover {
  color: hotpink;
}

@keyframes wheel-rotate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  75% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

h1:hover {
  animation: wheel-rotate 1s ease-in-out infinite;
}

.letter {
  margin-top: 80px;
  cursor: pointer;
}