#underover {
	transition: -webkit-transform 1s ease-in;
	-webkit-transform-style: preserve-3d;
	position: relative;
	margin: 0 auto;
	width: 350px;
	height: 200px;
	cursor: pointer;
}
.coin1 {
	width: 50% !important;
	padding: 4px 0px;
	position: relative !important;
	float: left;
	height: 100%;
}
.coin2 {
	width: 50% !important;
	padding: 4px 0px;
	position: relative !important;
	float: left;
	height: 100%;
}
#coin {
	
}
.part1 {
	position: absolute;
	width: 100%;
	height: 100%;
}
.part2 {
	position: absolute;
	width: 100%;
	height: 100%;
}
.resulttext {
	position: absolute;
	bottom: -16px;
	left: 32%;
	font-size: 18px;
	color: #b71313;
	font-weight: bolder;
	text-shadow: 1px 2px 2px #2d4a55;
	background: #cecece;
	padding: 1px 5px;
	border-radius: 5px;
	width: 120px;
	height: 27px;
}
.center {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 25px;
	width: 91%;
}
.wave {
	width: 9%;
	height: 27px;
	background: linear-gradient(45deg, black, #ff0404);
	margin: 0;
	animation: wave 1s linear infinite;
	border-radius: 20px;
}
.wave:nth-child(2) {
  animation-delay: 0.1s;
}
.wave:nth-child(3) {
  animation-delay: 0.2s;
}
.wave:nth-child(4) {
  animation-delay: 0.3s;
}
.wave:nth-child(5) {
  animation-delay: 0.4s;
}
.wave:nth-child(6) {
  animation-delay: 0.5s;
}
.wave:nth-child(7) {
  animation-delay: 0.6s;
}
.wave:nth-child(8) {
  animation-delay: 0.7s;
}
.wave:nth-child(9) {
  animation-delay: 0.8s;
}
.wave:nth-child(10) {
  animation-delay: 0.9s;
}

@keyframes wave {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

