body{
  overflow: hidden;
}

#background {
  z-index: -1;
  animation-name: background-move;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  position: fixed;
  scale: 100%;
}

.holder {
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;

}

/*botão por trás do coração*/
button {
  width: 250px;
  height: 250px;
  overflow-wrap: break-word;
  display:inline;
  font-size: 50px;
  border-radius: 15px;
  margin:0;
  z-index: 2;
  background-color: transparent;
  border-color: transparent;
}

a {
  color: rgba(0, 0, 0, 0);
  text-align:justify;
  text-decoration: none;  
}

/*imagem do coração*/
#heart {
  display: block;
  margin:0;
  position:absolute;
  height:300px;
  width: auto;
}

/*animação pulsão botão e coração*/
button,
#heart {
  animation-name: heart;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}

@keyframes heart {
    0%{
      transform: scale(1)
    }
    50% {
      transform: scale(2)
    }
    100%{
      transform: scale(1)
    }
}

@keyframes background-move {
    0%{
      transform: translate(-60%, -60%);
    }
    50%{
      transform: translate(-50%, -50%);
    }
    100%{
      transform: translate(-60%, -60%);
    }
}