@charset "UTF-8";
/* CSS Document */
@keyframes scale{
  from{
    transform: scale(1) rotate(-45deg)
  }
  12.5%{
    transform: scale(1.2) rotate(-45deg)
  }
  25%{
    transform: scale(1) rotate(-45deg)
  }
  37.5%{
  transform: scale(1.2) rotate(-45deg)
  }
  50%{
    transform: scale(1) rotate(-45deg)
  }
  100%{
    transform: scale(1) rotate(-45deg)
  }
}

.valentine{
width: 100px;
height: 100px;
background-color: pink;
  transform: rotate(-45deg);
  animation-name: scale;
  animation-iteration-count: infinite;
  animation-duration: 0.8s;
  margin: auto;
  margin-top: 75px;
}
.valentine::before,
.valentine::after{
  display: block;
  content: "";
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: pink;
  position: relative;
}
.valentine::before{
  top: -50px;
}
.valentine::after{
  left: 50px;
 top: -100px;}