:root {
	--H1-COLOR: #3f342e;
}

:root[data-theme="dark"] {
	--H1-COLOR: #fff8df;
}

h1 {
	font-family: "Nimbu", "Times New Roman", Times, serif;
	letter-spacing: -0.1rem;
	margin: 0;
	padding: 45vh 0;
	font-size: min(14vw, 7rem);
	text-align: center;
	color: var(--H1-COLOR);
	text-transform: uppercase;
}

.title-word {
	display: inline-block;
	padding: 0 0.6rem;
}

.title-char {
	/* position: relative; */
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s;
}

.title-char:hover {
	transform: translateY(-15px);
	transition: transform 0.3s ease-in-out;
}

h2,
h3 {
	font-family: "Nimbu", "Times New Roman", Times, serif;
	word-wrap: break-word;
}

@media screen and (max-width: 960px) {
	.char:hover {
		transform: none;
		transition: none;
		cursor: default;
		-webkit-tap-highlight-color: transparent;
	}
}