img {
  width: 350px; height:175px;
}
.cloud {
  position: relative;
  animation: sway 6s ease-in-out infinite;
}
@keyframes sway {
  0% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(-5px);
  }
}
 h3 {
  font-size: 17px;
  font-family: Garamond;
  text-align: center;
}
h5 {
  font-family: Quicksand;
  font-size: 8px;
  text-align: center;
}
h6 {
  font-family: Quicksand;
  font-size: 5px;
  text-align: center;
}
body {
  background: linear-gradient(to bottom right, lavender, ghostwhite, mintcream);
  font-family: Quicksand;
  color: midnightblue;
  text-align: center;
}
p {
  font-size: 15px;
  font-style: italic;
  text-align: center;
}
a {
  background-color: white;
  font-size: 18px;
  font-family: Quicksand;
  border-radius: 13px;
  display: block;
  text-align: center;
  margin: 10px;
  color: lightblue;
  a: hover
  background-color: #e0f7ff;
  color: lightblue;
  box-shadow: 0 0 8px rgba(173, 216, 230, 0.6);
  transition: all 0.3s
}
h1 {
  text-align: center;
  color: midnightblue;
}