* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

a, img {
	user-select: none;
	-webkit-user-drag: none;
}

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--color-transparent); }
::-webkit-scrollbar-thumb {
	background: var(--color-bg-tertiary);
	border-radius: 16px;
}
::-webkit-scrollbar-thumb:hover {
	background: var(--color-bg-hover);
}

html, body {
	max-width: 100%;
	overflow-x: hidden;
}
body {
	background-color: var(--color-bg-primary);
	color: var(--color-text-primary);
	font-family: 'JetBrains Mono', monospace;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@font-face {
	font-family: 'Planet Kosmos';
	src: url('../fonts/PlanetKosmos.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}