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

p {
  color: blue;
}

.green-text {
  color: green;
}

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;
}


.bouncy-text {
  position: relative;
  animation-name: bounce;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

@keyframes bounce {
  0% {
    top: 0px;
  }
  50% {
    top: 10px;
  }
  100% {
    top: 0px;
  }
}