.interactive-title {
	font-family: "Major Mono Display", monospace;
	font-weight: 400;
	font-size: min(9.4vw, 80px);
	font-style: normal;
	gap: 0.05em;
	cursor: default;
	color:black;

	user-select: none; /* Prevent text selection */
	touch-action: none; /* Prevent touch scrolling */
}

.interactive-title span {
	display: inline-block;
	transition: color 1.8s ease;
	text-transform: lowercase;
	text-align: center;
}

.interactive-title span.hovered {
	text-transform: uppercase;
	transition: color 0.05s ease;
	color:mediumorchid;
}