.d-flip{
	position: relative;
	background-color: rgba(69, 29, 80, 0.75);
	z-index: 1;
	display: flex;
	align-items: end;
	justify-content: center;
	color: skyblue;
	text-shadow: 0px 3px 1px #171819bb;
	font-weight: 900;
	font-size: 0.7rem;
	letter-spacing: -3px;
	word-spacing: 3px;
	box-sizing: border-box;
	padding-bottom: 2%;
}
.d-flip + *{
	box-shadow: 3px 4px 5px #171819bb;
	z-index: 0;
	transform: rotateZ(10deg) translateX(4%);
}
.d-flip::before,
.d-flip::after {
	position: absolute;
	pointer-events: none;
	z-index: inherit;
}
.d-flip::before{
	justify-content: start;
	width: 100%;
	font-size: 2.7rem;
	content: '🔮';
	top: -40%;
	left: -25%;
	text-shadow: 1px 1px 1px black;
	letter-spacing: -5px;
	/* transform: rotateZ(-3deg); */
}
.d-flip::after{
	content: '⤵';
	right: -30%;
	color: peru;
	opacity: 0.25;
	font-weight: 900;
	text-shadow: 1px -2px 1px black;
	font-size: 2.2rem;
	transform: rotateZ(-45deg);

	letter-spacing: -3px;
}