#wrap {
	position: relative;
}

#wrap #text,
#wrap #overlay {
	font-weight: normal;
	font-family: 'Bricolage Grotesque', sans-serif;
	line-height: 1.125;
	font-size: 1.5rem;
	hyphens: none;
	opacity: 0.25;
}

#wrap #text {
	margin-top: 0;
}

/* Overlay sits on top of the paragraph and contains absolutely positioned
	character spans that mirror the laid-out text. */
#wrap #overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	pointer-events: none
}

#wrap .overlay-char {
	position: absolute;
	transform-origin: center center;
	will-change: transform;
	white-space: pre
}

#wrap .overlay-word span {
	display: inline-block
}