/** @format */

@font-face {
	font-family: 'DCPixel';
	src: url('/dcpixel/aa.woff2') format('woff2'),
		url('/dcpixel/aa.woff') format('woff'),
		url('/dcpixel/aa.ttf') format('truetype');
}
@font-face {
	font-family: 'DCPixelCond';
	src: url('/dcpixel/cond.woff2') format('woff2'),
		url('/dcpixel/cond.woff') format('woff'),
		url('/dcpixel/cond.ttf') format('truetype');
}
body {
	background: #0f1526 url('https://2015.valkemariantales.com/bg.png') top center
		fixed;
	color: #fff;
	font: 16px/1 'DCPixel', 'DIN', 'Open Sans', sans-serif;
	text-align: center;
}
a {
	color: #fff;
}
h3,
footer {
	font: 16px/1 'DCPixelCond', 'DCPixel', 'DIN', 'Open Sans', sans-serif;
}
footer {
	color: #b0c5ce;
}

#logo {
	display: block;
	margin: 16px auto;
}

#root {
	margin: 0 auto;
}

#notes {
	width: 640px;
	margin: 0 auto;
}

@media not (display-mode: fullscreen) {
	#root {
		width: 640px;
		height: 360px;
	}
}
@media (display-mode: browser) and (min-width: 1360px) and (min-height: 900px) {
	#root {
		width: 1280px;
		height: 720px;
	}
}