.animated-heart {
  position: relative;
  /* remove black fill */
  fill: none;
  /* change 'border' color */
  stroke: red;
  stroke-width: 2px;
  stroke-linecap: round;
  /* create dash w. value matching pathLength */
  stroke-dasharray: 1px;
  /* border 'dissapears' */
  stroke-dashoffset: 1px;
  /* invoke keyframe anim.*/
  animation: drawHeart 3s ease-out infinite;
  z-index: 5;
}

/* define animation */
@keyframes drawHeart {
  90%,
  100% {
    stroke-dashoffset: 0px;
  }
}

.overlay-image {
    position: absolute;
    top: 19%; /* Adjust based on desired position */
    right: 42%; /* Adjust based on desired position */
    z-index: 2; /* Higher than the SVG to place the image above */
    width: 400px; /* Adjust size as needed */
    height: 360px; /* Adjust size as needed */
}

	* {
	margin:0;
	padding:0;
	box-sizing:border-box;}


		
.svg {
	width:auto;
	height:auto;
	margin:0 auto;}

.path {
	fill:white;
	cursor:pointer;
	
	-webkit-transition:all 300ms;
	-moz-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;}
	
.path:hover {
	opacity:0.5;}


		
.actual, {
	font-family:'Pathway Gothic One', sans-serif;;
	font-size:24px;
	color:white;
	
	text-shadow:
		0 2px 0 rgba(0,0,0,0.2);}
		
	
.actual {
	position:absolute;
	font-size:32px;
	bottom:50px;
	text-align:center;
	background:rgba(0,0,0,0.3);
	padding:30px;
	z-index:5;
	
	width:40%;
	margin: 0 30%;
	border-radius:3px;
	}
	
* {
  margin:0;
  padding:0;
} 
.aniversario-fireworks {
  position: relative; 
  width: 100%; 
  z-index:0;
}