.d-rotate{
	position: relative;
	background-color: rgba(255, 165, 0, 0.987);
	z-index: 1;
	display: flex;
	align-items: end;
	justify-content: center;
	color: black;
	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-rotate + *{
	box-shadow: 3px 4px 5px #171819bb;
	z-index: 0;
	transform: rotateZ(-10deg) translateX(4%);
}
.d-rotate::before,
.d-rotate::after {
	position: absolute;
	pointer-events: none;
	z-index: inherit;
}
.d-rotate::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-rotate::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;
}