@font-face {
	font-family: 'MontHeavy';
	src: url('/fonts/mont-heavy.woff2') format('woff2'),
		url('/fonts/mont-heavy.woff') format('woff');
	font-style: normal;
	font-weight: 900;
	font-display: swap;
}

html {
	scroll-behavior: smooth;
}

body {
	min-width: 320px;
}

.tpp-wordmark {
	font-family: 'MontHeavy', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	letter-spacing: .02em;
}

.mobile-menu-scroll {
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.3) #222222;
}

.mobile-menu-scroll::-webkit-scrollbar {
	width: 7px;
}

.mobile-menu-scroll::-webkit-scrollbar-track {
	background: #222222;
}

.mobile-menu-scroll::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 9999px;
	border: 2px solid #222222;
}

.mobile-menu-scroll::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.5);
}

.mobile-menu-scroll::-webkit-scrollbar-button {
	display: none;
}