body {
  padding: 0;
  margin: 0;
}
#adArea {
  height: 480px;
  width: 320px;
  background-image: url(./images/background.png);
  background-size: 100%;
  position: relative;
}
.abs {
  position: absolute;
  top: 0;
  left: 0;
}
.tap-area {
  height: 100%;
  width: 100%;
}

.product {
  top: -5%;
  opacity: 0;
}

.tap-circle {
  top: 10%;
  left: 20%;
}
.reveal {
  top: 24%;
  left: 36%;
  animation: scalePop 1.5s ease-in-out infinite;
}

.effect {
  top: 5.5%;
  left: 14%;
  transform: scale(0.7);
  opacity: 0;
}
.reveal-cir {
  top: 9%;
  left: 18%;
  opacity: 0;
  transform: scale(0.7);
}
.cta {
  opacity: 0;
  cursor: pointer;
  transform: scale(0);
}

@keyframes scalePop {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1);
  }

  70% {
    transform: scale(1.3);
  }

  90% {
    transform: scale(1);
  }

  100% {
    transform: scale(1);
  }
}