.word-art-rainbow {
	position: relative;
	display: inline-block;
	text-align: center;
	transform: scaleY(1.65);
}

.word-art-rainbow .text {
	margin: 0 0 2rem;
    padding: 2rem;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 900;
	color: transparent;
	background: linear-gradient(to left, #a104ad, #0b2be0, #329941, #f7f658, #f16412, #e92153, #aa04a7);
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 0.016em #eaeaea;
	-webkit-background-clip: text;
	background-clip: text;
	letter-spacing: 0.1rem;
}

.word-art-rainbow .pseudo {
	position: absolute;
	z-index: -1;
	color: #cdcdcd;
	-webkit-text-fill-color: #cdcdcd;
	-webkit-text-stroke: transparent;
	transform: rotateX(63deg) skew(60deg) scaleY(0.65) translate3d(2em, -2.15em, -1em);
}

.word-art-orange-3d {
	position: relative;
	display: inline-block;
	text-align: center;
	transform: scaleY(1.5) skewY(-8deg) rotateZ(-3deg) translateZ(0);
  }

.word-art-orange-3d .text {
	font-family: Impact, sans-serif;
	color: transparent;
	background: linear-gradient(to bottom left, #fee601, #fee601 15%, #fe4201);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}

.word-art-orange-3d .pseudo {
	position: absolute;
	z-index: -1;
	text-shadow: 1px 0 0 #813300, 0 1px 0 #c14d00, 2px 1px 0.35px #813300, 1px 2px 0.35px #c14d00, 3px 2px 0.35px #813300, 2px 3px 0.35px #c14d00, 4px 3px 0.35px #813300, 3px 4px 0.35px #c14d00, 5px 4px 0.35px #813300, 4px 5px 0.35px #c14d00, 6px 5px 0.35px #813300, 5px 6px 0.35px #c14d00, 7px 6px 0.35px #813300, 6px 7px 0.35px #c14d00;
}