@font-face {
	font-family: 'Oswald';
	src: url('/fonts/Oswald/Oswald-VariableFont_wght.ttf') format('truetype');
	font-weight: 100 700; /* supports all weights from 100 to 700 */
	font-style: normal;
	font-display: swap;
}

html {
	/* min: 12px, max: 16px, fluid middle around 1.2vw */
	font-size: clamp(12px, 1.2vw + 0.5rem, 16px);
}

/* small portrait handsets can be slightly tighter */
@media (max-width: 360px) and (orientation: portrait) {
	html {
		font-size: clamp(11px, 1.5vw + 0.4rem, 14px);
	}
}

/* small-height devices in landscape */
@media (max-height: 360px) and (orientation: landscape) {
	html {
		font-size: clamp(11px, 1vw + 0.4rem, 14px);
	}
}

body {
	/* make sure it fills the viewport */
	height: 100dvh !important;
	width: 100dvw !important;
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	background-color: #121212;
}

#root {
	/* make sure it fills the viewport */
	height: 100%;
	width: 100%;
	overflow: hidden;
}

/* Hide scrollbar on a specific container while preserving scroll */
.scrollbar-hide {
	-ms-overflow-style: none; /* IE & Edge */
	scrollbar-width: none; /* Firefox */
}
.scrollbar-hide::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}