@font-face {
	font-family: 'Forque';
	src: url('./fonts/forque/forque.eot');
	src: url('./fonts/forque/forque.eot?#iefix') format('embedded-opentype'),
		url('./fonts/forque/forque.woff') format('woff'),
		url('./fonts/forque/forque.ttf') format('truetype');
}

@font-face {
	font-family: 'Nova-Round';
	src: url('./fonts/nova-round/nova-round.eot');
	src: url('./fonts/nova-round/nova-round.eot?#iefix') format('embedded-opentype'),
		url('./fonts/nova-round/nova-round.woff') format('woff'),
		url('./fonts/nova-round/nova-round.ttf') format('truetype');
}

* {
	margin: 0;
	padding: 0;
	cursor: default;
	user-select: none;
}

html {
	font-size: 12px;
	font-family: 'Nova-Round', 'Arial', 'Helvetica', sans-serif;
}

body,
html,
#svelte {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body {
	text-align: center;
	background-color: #000000;
	color: #f2d6bb;
}

img {
	cursor: inherit;
}

a,
a:hover,
a:focus {
	color: #f2d6bb;
	cursor: pointer;
}

.alignContentMiddle {
	font-size: 0;
}

.alignContentMiddle:before {
	content: '';
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.alignContentMiddle > * {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.6rem;
}

@media (min-width: 200px) {
	html {
		font-size: 18px;
	}
}