.wave {
	background: url(../wave.svg) no-repeat center top, url(../waveb.svg) no-repeat center bottom, url(../assets/img/gerbang-modern-diniyyah-pasia.png) no-repeat right center;
	border-bottom: #198754 solid 1px;
}

.animated-text {
	font-size: 3rem;
	font-weight: bold;
	perspective: 1000px;
}

.text {
	display: inline-block;
	transform-style: preserve-3d;
}

.flip {
	animation: flip 2s;
}

@keyframes flip {
	40% {
		transform: rotateX(0deg);
	}

	50% {
		transform: rotateX(90deg);
	}

	90% {
		transform: rotateX(0deg);
	}
}

.textoutline {
	text-shadow: 
      -1px -1px 0 #fff,  
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
      1px 1px 0 #fff;
}