body {
  padding: 100px;
  background: #131320;
  background-size: cover;
  background-position: 0 -100px;
  background-repeat: repeat;
  display: flex;
}

.heart {
  width: 2px;
  height: 2px;
  position: absolute;
  background: white;
  box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -14px 0 #E0C7FF, 2px -18px 0 #E0C7FF, 2px -16px 0 #E0C7FF, 2px -14px 0 #E0C7FF, 2px -12px 0 #E0C7FF, 4px -20px 0 #E0C7FF, 4px -18px 0 #E0C7FF, 4px -16px 0 #E0C7FF, 4px -14px 0 #E0C7FF, 6px -20px 0 #E0C7FF, 6px -18px 0 #E0C7FF, 6px -16px 0 #E0C7FF, 6px -14px 0 #E0C7FF, 6px -12px 0 #E0C7FF, 8px -20px 0 #E0C7FF, 8px -18px 0 #E0C7FF, 8px -16px 0 #E0C7FF, 8px -14px 0 #E0C7FF, 10px -18px 0 #E0C7FF, 10px -16px 0 #E0C7FF, 10px -14px 0 #E0C7FF, 10px -12px 0 #E0C7FF, 0px -2px 0 #E0C7FF, 0px -6px 0 #E0C7FF, 0px -10px 0 #E0C7FF, 2px -4px 0 #E0C7FF, 2px -6px 0 #E0C7FF, 2px -8px 0 #E0C7FF, 2px -10px 0 #E0C7FF, 4px -6px 0 #E0C7FF, 4px -8px 0 #E0C7FF, 4px -10px 0 #E0C7FF, 4px -12px 0 #E0C7FF, 6px -8px 0 #E0C7FF, 6px -10px 0 #E0C7FF, 8px -10px 0 #E0C7FF, 8px -12px 0 #E0C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
}
.heart.one {
  animation: heartFill3 4s steps(1) infinite 1.5s;
}
.heart.two {
  animation: heartFill2 4s steps(1) infinite 1.5s;
}
.heart.three {
  animation: heartFill1 4s steps(1) infinite 1.5s;
}

@keyframes heartFill1 {
  0% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -14px 0 #E0C7FF, 2px -18px 0 #E0C7FF, 2px -16px 0 #E0C7FF, 2px -14px 0 #E0C7FF, 2px -12px 0 #E0C7FF, 4px -20px 0 #E0C7FF, 4px -18px 0 #E0C7FF, 4px -16px 0 #E0C7FF, 4px -14px 0 #E0C7FF, 6px -20px 0 #E0C7FF, 6px -18px 0 #E0C7FF, 6px -16px 0 #E0C7FF, 6px -14px 0 #E0C7FF, 6px -12px 0 #E0C7FF, 8px -20px 0 #E0C7FF, 8px -18px 0 #E0C7FF, 8px -16px 0 #E0C7FF, 8px -14px 0 #E0C7FF, 10px -18px 0 #E0C7FF, 10px -16px 0 #E0C7FF, 10px -14px 0 #E0C7FF, 10px -12px 0 #E0C7FF, 0px -2px 0 #E0C7FF, 0px -6px 0 #E0C7FF, 0px -10px 0 #E0C7FF, 2px -4px 0 #E0C7FF, 2px -6px 0 #E0C7FF, 2px -8px 0 #E0C7FF, 2px -10px 0 #E0C7FF, 4px -6px 0 #E0C7FF, 4px -8px 0 #E0C7FF, 4px -10px 0 #E0C7FF, 4px -12px 0 #E0C7FF, 6px -8px 0 #E0C7FF, 6px -10px 0 #E0C7FF, 8px -10px 0 #E0C7FF, 8px -12px 0 #E0C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
  }
  2% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -2px 0 #E0C7FF, 0px -6px 0 #E0C7FF, 0px -10px 0 #E0C7FF, 2px -4px 0 #E0C7FF, 2px -6px 0 #E0C7FF, 2px -8px 0 #E0C7FF, 2px -10px 0 #E0C7FF, 4px -6px 0 #E0C7FF, 4px -8px 0 #E0C7FF, 4px -10px 0 #E0C7FF, 4px -12px 0 #E0C7FF, 6px -8px 0 #E0C7FF, 6px -10px 0 #E0C7FF, 8px -10px 0 #E0C7FF, 8px -12px 0 #E0C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
  }
  4% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
  }
  6% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
  }
  8% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white;
  }
  66% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF;
  }
  70% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -14px 0 #E0C7FF, 2px -18px 0 #E0C7FF, 2px -16px 0 #E0C7FF, 2px -14px 0 #E0C7FF, 2px -12px 0 #E0C7FF, 4px -20px 0 #E0C7FF, 4px -18px 0 #E0C7FF, 4px -16px 0 #E0C7FF, 4px -14px 0 #E0C7FF, 6px -20px 0 #E0C7FF, 6px -18px 0 #E0C7FF, 6px -16px 0 #E0C7FF, 6px -14px 0 #E0C7FF, 6px -12px 0 #E0C7FF, 8px -20px 0 #E0C7FF, 8px -18px 0 #E0C7FF, 8px -16px 0 #E0C7FF, 8px -14px 0 #E0C7FF, 10px -18px 0 #E0C7FF, 10px -16px 0 #E0C7FF, 10px -14px 0 #E0C7FF, 10px -12px 0 #E0C7FF, 0px -2px 0 #E0C7FF, 0px -6px 0 #E0C7FF, 0px -10px 0 #E0C7FF, 2px -4px 0 #E0C7FF, 2px -6px 0 #E0C7FF, 2px -8px 0 #E0C7FF, 2px -10px 0 #E0C7FF, 4px -6px 0 #E0C7FF, 4px -8px 0 #E0C7FF, 4px -10px 0 #E0C7FF, 4px -12px 0 #E0C7FF, 6px -8px 0 #E0C7FF, 6px -10px 0 #E0C7FF, 8px -10px 0 #E0C7FF, 8px -12px 0 #E0C7FF;
  }
}
@keyframes heartFill2 {
  10% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -14px 0 #E0C7FF, 2px -18px 0 #E0C7FF, 2px -16px 0 #E0C7FF, 2px -14px 0 #E0C7FF, 2px -12px 0 #E0C7FF, 4px -20px 0 #E0C7FF, 4px -18px 0 #E0C7FF, 4px -16px 0 #E0C7FF, 4px -14px 0 #E0C7FF, 6px -20px 0 #E0C7FF, 6px -18px 0 #E0C7FF, 6px -16px 0 #E0C7FF, 6px -14px 0 #E0C7FF, 6px -12px 0 #E0C7FF, 8px -20px 0 #E0C7FF, 8px -18px 0 #E0C7FF, 8px -16px 0 #E0C7FF, 8px -14px 0 #E0C7FF, 10px -18px 0 #E0C7FF, 10px -16px 0 #E0C7FF, 10px -14px 0 #E0C7FF, 10px -12px 0 #E0C7FF, 0px -2px 0 #E0C7FF, 0px -6px 0 #E0C7FF, 0px -10px 0 #E0C7FF, 2px -4px 0 #E0C7FF, 2px -6px 0 #E0C7FF, 2px -8px 0 #E0C7FF, 2px -10px 0 #E0C7FF, 4px -6px 0 #E0C7FF, 4px -8px 0 #E0C7FF, 4px -10px 0 #E0C7FF, 4px -12px 0 #E0C7FF, 6px -8px 0 #E0C7FF, 6px -10px 0 #E0C7FF, 8px -10px 0 #E0C7FF, 8px -12px 0 #E0C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
  }
  12% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -2px 0 #E0C7FF, 0px -6px 0 #E0C7FF, 0px -10px 0 #E0C7FF, 2px -4px 0 #E0C7FF, 2px -6px 0 #E0C7FF, 2px -8px 0 #E0C7FF, 2px -10px 0 #E0C7FF, 4px -6px 0 #E0C7FF, 4px -8px 0 #E0C7FF, 4px -10px 0 #E0C7FF, 4px -12px 0 #E0C7FF, 6px -8px 0 #E0C7FF, 6px -10px 0 #E0C7FF, 8px -10px 0 #E0C7FF, 8px -12px 0 #E0C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
  }
  14% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
  }
  16% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
  }
  18% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white;
  }
  58% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF;
  }
  62% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -14px 0 #E0C7FF, 2px -18px 0 #E0C7FF, 2px -16px 0 #E0C7FF, 2px -14px 0 #E0C7FF, 2px -12px 0 #E0C7FF, 4px -20px 0 #E0C7FF, 4px -18px 0 #E0C7FF, 4px -16px 0 #E0C7FF, 4px -14px 0 #E0C7FF, 6px -20px 0 #E0C7FF, 6px -18px 0 #E0C7FF, 6px -16px 0 #E0C7FF, 6px -14px 0 #E0C7FF, 6px -12px 0 #E0C7FF, 8px -20px 0 #E0C7FF, 8px -18px 0 #E0C7FF, 8px -16px 0 #E0C7FF, 8px -14px 0 #E0C7FF, 10px -18px 0 #E0C7FF, 10px -16px 0 #E0C7FF, 10px -14px 0 #E0C7FF, 10px -12px 0 #E0C7FF, 0px -2px 0 #E0C7FF, 0px -6px 0 #E0C7FF, 0px -10px 0 #E0C7FF, 2px -4px 0 #E0C7FF, 2px -6px 0 #E0C7FF, 2px -8px 0 #E0C7FF, 2px -10px 0 #E0C7FF, 4px -6px 0 #E0C7FF, 4px -8px 0 #E0C7FF, 4px -10px 0 #E0C7FF, 4px -12px 0 #E0C7FF, 6px -8px 0 #E0C7FF, 6px -10px 0 #E0C7FF, 8px -10px 0 #E0C7FF, 8px -12px 0 #E0C7FF;
  }
}
@keyframes heartFill3 {
  20% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -14px 0 #E0C7FF, 2px -18px 0 #E0C7FF, 2px -16px 0 #E0C7FF, 2px -14px 0 #E0C7FF, 2px -12px 0 #E0C7FF, 4px -20px 0 #E0C7FF, 4px -18px 0 #E0C7FF, 4px -16px 0 #E0C7FF, 4px -14px 0 #E0C7FF, 6px -20px 0 #E0C7FF, 6px -18px 0 #E0C7FF, 6px -16px 0 #E0C7FF, 6px -14px 0 #E0C7FF, 6px -12px 0 #E0C7FF, 8px -20px 0 #E0C7FF, 8px -18px 0 #E0C7FF, 8px -16px 0 #E0C7FF, 8px -14px 0 #E0C7FF, 10px -18px 0 #E0C7FF, 10px -16px 0 #E0C7FF, 10px -14px 0 #E0C7FF, 10px -12px 0 #E0C7FF, 0px -2px 0 #E0C7FF, 0px -6px 0 #E0C7FF, 0px -10px 0 #E0C7FF, 2px -4px 0 #E0C7FF, 2px -6px 0 #E0C7FF, 2px -8px 0 #E0C7FF, 2px -10px 0 #E0C7FF, 4px -6px 0 #E0C7FF, 4px -8px 0 #E0C7FF, 4px -10px 0 #E0C7FF, 4px -12px 0 #E0C7FF, 6px -8px 0 #E0C7FF, 6px -10px 0 #E0C7FF, 8px -10px 0 #E0C7FF, 8px -12px 0 #E0C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
  }
  22% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -2px 0 #E0C7FF, 0px -6px 0 #E0C7FF, 0px -10px 0 #E0C7FF, 2px -4px 0 #E0C7FF, 2px -6px 0 #E0C7FF, 2px -8px 0 #E0C7FF, 2px -10px 0 #E0C7FF, 4px -6px 0 #E0C7FF, 4px -8px 0 #E0C7FF, 4px -10px 0 #E0C7FF, 4px -12px 0 #E0C7FF, 6px -8px 0 #E0C7FF, 6px -10px 0 #E0C7FF, 8px -10px 0 #E0C7FF, 8px -12px 0 #E0C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
  }
  24% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
  }
  26% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF;
  }
  28% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white;
  }
  50% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF;
  }
  54% {
    box-shadow: 2px -2px 0 white, 4px -4px 0 white, 6px -6px 0 white, 8px -8px 0 white, 10px -10px 0 white, 12px -12px 0 white, 12px -14px 0 white, 12px -16px 0 white, 12px -18px 0 white, 10px -20px 0 white, 8px -22px 0 white, 6px -22px 0 white, 4px -22px 0 white, 2px -20px 0 white, 0px -18px 0 white, -2px -2px 0 white, -4px -4px 0 white, -6px -6px 0 white, -8px -8px 0 white, -10px -10px 0 white, -12px -12px 0 white, -12px -14px 0 white, -12px -16px 0 white, -12px -18px 0 white, -10px -20px 0 white, -8px -22px 0 white, -6px -22px 0 white, -4px -22px 0 white, -2px -20px 0 white, 0px -16px 0 #E0C7FF, -2px -12px 0 #E0C7FF, -2px -14px 0 #F3C7FF, -2px -16px 0 #CEC7FF, -2px -18px 0 #E0C7FF, -4px -14px 0 #CEC7FF, -4px -16px 0 #C7D2FF, -4px -18px 0 #CEC7FF, -4px -20px 0 #CEC7FF, -6px -12px 0 #F3C7FF, -6px -14px 0 #CEC7FF, -6px -16px 0 #FFC7F4, -6px -18px 0 #C7D2FF, -6px -20px 0 #F3C7FF, -8px -14px 0 #CEC7FF, -8px -16px 0 #CEC7FF, -8px -18px 0 #CEC7FF, -8px -20px 0 #F3C7FF, -10px -12px 0 #CEC7FF, -10px -14px 0 #F3C7FF, -10px -16px 0 #F3C7FF, -10px -18px 0 #F3C7FF, 0px -4px 0 #E0C7FF, 0px -8px 0 #E0C7FF, 0px -12px 0 #E0C7FF, -2px -4px 0 #E0C7FF, -2px -6px 0 #E0C7FF, -2px -8px 0 #E0C7FF, -2px -10px 0 #E0C7FF, -4px -6px 0 #E0C7FF, -4px -8px 0 #E0C7FF, -4px -10px 0 #E0C7FF, -4px -12px 0 #E0C7FF, -6px -8px 0 #E0C7FF, -6px -10px 0 #E0C7FF, -8px -10px 0 #E0C7FF, -8px -12px 0 #E0C7FF, 0px -14px 0 #E0C7FF, 2px -18px 0 #E0C7FF, 2px -16px 0 #E0C7FF, 2px -14px 0 #E0C7FF, 2px -12px 0 #E0C7FF, 4px -20px 0 #E0C7FF, 4px -18px 0 #E0C7FF, 4px -16px 0 #E0C7FF, 4px -14px 0 #E0C7FF, 6px -20px 0 #E0C7FF, 6px -18px 0 #E0C7FF, 6px -16px 0 #E0C7FF, 6px -14px 0 #E0C7FF, 6px -12px 0 #E0C7FF, 8px -20px 0 #E0C7FF, 8px -18px 0 #E0C7FF, 8px -16px 0 #E0C7FF, 8px -14px 0 #E0C7FF, 10px -18px 0 #E0C7FF, 10px -16px 0 #E0C7FF, 10px -14px 0 #E0C7FF, 10px -12px 0 #E0C7FF, 0px -2px 0 #E0C7FF, 0px -6px 0 #E0C7FF, 0px -10px 0 #E0C7FF, 2px -4px 0 #E0C7FF, 2px -6px 0 #E0C7FF, 2px -8px 0 #E0C7FF, 2px -10px 0 #E0C7FF, 4px -6px 0 #E0C7FF, 4px -8px 0 #E0C7FF, 4px -10px 0 #E0C7FF, 4px -12px 0 #E0C7FF, 6px -8px 0 #E0C7FF, 6px -10px 0 #E0C7FF, 8px -10px 0 #E0C7FF, 8px -12px 0 #E0C7FF;
  }
}
.heartContainer {
  background: #131320;
  box-shadow: 0 0 16px 12px rgba(8, 14, 32, 0.8);
  border-radius: 16px;
  width: 480px;
  height: 120px;
  padding: 30px;
  left: 50%;
  margin-left: -240px;
  top: 50%;
  margin-top: -60px;
}
.heartContainer .heart {
  bottom: 50%;
  left: 50%;
  margin-bottom: -36px;
}
.heartContainer .one {
  margin-left: -32px;
}
.heartContainer .two {
  margin-left: -1px;
}
.heartContainer .three {
  margin-left: 30px;
}
.heartContainer h2 {
  font-family: "Chiaro";
  font-weight: 100;
  font-size: 20px;
  color: white;
  text-shadow: 2px 2px 2px black;
  width: 400px;
  position: absolute;
  left: 50%;
  bottom: 50%;
  margin-left: -200px;
  text-align: center;
}
.heartContainer h2 em {
  font-style: normal;
  color: #E0C6FF;
}

@font-face {
  font-family: "Chiaro";
  src: url("https://assets.codepen.io/13471/chiaro.woff");
  font-weight: 100;
}