* {
  text-decoration: none;  
  margin:0;

}

body {
  background-image: url(./img/pink-pattern.jpg);
  background-size: 4000px;
  animation-name: background-move;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}


.holder {
  height: 90vh;
  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;
}


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


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

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

@keyframes background-move {
    0%{
      background-position: 0dvh 0dvw;
    }
    50%{
      background-position: 5dvh 5dvw;
    }
    100%{
      background-position: 0dvh 0dvw;
    }
}