html {
 background: linear-gradient(pink, crimson);
 height: 100%;
 font-family: Georgia;
 line-height: 180%;
 width: 400px;
 margin: 0 auto;
}

body {
 background-color: white;
 border-radius: 16px;
 padding: 24px;
}

.heart {
  background-color: pink;
  height: 30px;
  transform: rotate(-45deg);
  width: 30px;
  border-radius: 2px;
  margin: 0 auto;
  animation-name: beating-heart;
  animation-duration: 6s;
}


.heart:before,
.heart:after {
  content: "";
  background-color: pink;
  border-radius: 50%;
  height: 30px;
  position: absolute;
  width: 30px;
  animation-name: beating-heart;
  animation-duration: 6s;
}

.heart:before {
  top: -15px;
  left: 0;
}

.heart:after {
 top: 0;
 right: -15px;
}

@keyframes beating-heart {
  from {background-color: pink;}
  to {background-color: crimson;}
}

h2 {
 font-style: italic;;
}

.poem {
 margin-bottom: 40px;
 text-align: center;
}

a {
 color: black;
 font-style: italic;
}