html, body {
	padding: 0;
	margin: 0;
	overflow: hidden;
	
	background: #000000;
	color: white;
}

html, body, canvas {
	touch-action: none;
	touch-action-delay: none;
}

#notSupportedWrap {
	margin: 2em auto 1em auto;
	width: 75%;
	max-width: 45em;
	border: 2px solid #aaa;
	border-radius: 1em;
	padding: 2em;
	background-color: #f0f0f0;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	color: black;
}

#notSupportedTitle {
	font-size: 1.8em;
}

.notSupportedMessage {
	font-size: 1.2em;
}

.notSupportedMessage em {
	color: #888;
}

/* bbcode styles */
.bbCodeH1 {
	font-size: 2em;
	font-weight: bold;
}

.bbCodeH2 {
	font-size: 1.5em;
	font-weight: bold;
}

.bbCodeH3 {
	font-size: 1.25em;
	font-weight: bold;
}

.bbCodeH4 {
	font-size: 1.1em;
	font-weight: bold;
}

.bbCodeItem::before {
	content: " • ";
}


@font-face {
	font-family: 'fourbytes';
	src: url('fonts/fourbytes.woff2') format('woff2'), url('fonts/fourbytes.woff') format('woff'), url('fonts/fourbytes.ttf') format('truetype'), url('fonts/fourbytes.otf') format('opentype'), url('fonts/fourbytes.eot') format('embedded-opentype');
}

@font-face {
	font-family: '000webfont';
	src: url('fonts/000webfont.ttf') format('truetype');
}

@font-face {
	font-family: '8-bit-hud';
	src: url('fonts/8-bit-hud.ttf') format('truetype');
}

@font-face {
	font-family: 'abstract';
	src: url('fonts/abstract.ttf') format('truetype');
}

@font-face {
	font-family: 'arcadepi';
	src: url('fonts/arcadepi.ttf') format('truetype');
}

@font-face {
	font-family: 'bitcell_memesbruh03';
	src: url('fonts/bitcell_memesbruh03.ttf') format('truetype');
}

@font-face {
	font-family: 'bitlow';
	src: url('fonts/bitlow.ttf') format('truetype');
}

@font-face {
	font-family: 'bmjapan';
	src: url('fonts/bmjapan.ttf') format('truetype');
}

@font-face {
	font-family: 'bmspa___';
	src: url('fonts/bmspa___.ttf') format('truetype');
}

@font-face {
	font-family: 'bulky-pixels.regular';
	src: url('fonts/bulky-pixels.regular.ttf') format('truetype');
}

@font-face {
	font-family: 'commodore pixelized v1.2';
	src: url('fonts/commodore pixelized v1.2.ttf') format('truetype');
}

@font-face {
	font-family: 'depixelbreit';
	src: url('fonts/depixelbreit.woff2') format('woff2'), url('fonts/depixelbreit.woff') format('woff'), url('fonts/depixelbreit.otf') format('opentype'), url('fonts/depixelbreit.ttf') format('truetype');
}

@font-face {
	font-family: 'courier-prime.bold-italic';
	src: url('fonts/courier-prime.bold-italic.ttf') format('truetype');
}

@font-face {
	font-family: 'depixelbreitfett';
	src: url('fonts/depixelbreitfett.woff2') format('woff2'), url('fonts/depixelbreitfett.woff') format('woff'), url('fonts/depixelbreitfett.otf') format('opentype'), url('fonts/depixelbreitfett.ttf') format('truetype');
}

@font-face {
	font-family: 'depixelhalbfett';
	src: url('fonts/depixelhalbfett.woff2') format('woff2'), url('fonts/depixelhalbfett.woff') format('woff'), url('fonts/depixelhalbfett.otf') format('opentype'), url('fonts/depixelhalbfett.ttf') format('truetype');
}

@font-face {
	font-family: 'depixelillegible';
	src: url('fonts/depixelillegible.woff2') format('woff2'), url('fonts/depixelillegible.woff') format('woff'), url('fonts/depixelillegible.otf') format('opentype'), url('fonts/depixelillegible.ttf') format('truetype');
}

@font-face {
	font-family: 'depixelklein';
	src: url('fonts/depixelklein.woff2') format('woff2'), url('fonts/depixelklein.woff') format('woff'), url('fonts/depixelklein.otf') format('opentype'), url('fonts/depixelklein.ttf') format('truetype');
}

@font-face {
	font-family: 'depixelschmal';
	src: url('fonts/depixelschmal.woff2') format('woff2'), url('fonts/depixelschmal.woff') format('woff'), url('fonts/depixelschmal.otf') format('opentype'), url('fonts/depixelschmal.ttf') format('truetype');
}

@font-face {
	font-family: 'dpcomic';
	src: url('fonts/dpcomic.ttf') format('truetype');
}

@font-face {
	font-family: 'digitalix';
	src: url('fonts/digitalix.ttf') format('truetype');
}

@font-face {
	font-family: 'fourbites';
	src: url('fonts/fourbites.ttf') format('truetype');
}

@font-face {
	font-family: 'fourbytes (2)';
	src: url('fonts/fourbytes (2).woff2') format('woff2'), url('fonts/fourbytes (2).woff') format('woff'), url('fonts/fourbytes (2).ttf') format('truetype'), url('fonts/fourbytes (2).eot') format('embedded-opentype');
}

@font-face {
	font-family: 'kongtext';
	src: url('fonts/kongtext.ttf') format('truetype');
}

@font-face {
	font-family: 'mago1';
	src: url('fonts/mago1.ttf') format('truetype');
}

@font-face {
	font-family: 'mago2';
	src: url('fonts/mago2.ttf') format('truetype');
}

@font-face {
	font-family: 'mago3';
	src: url('fonts/mago3.ttf') format('truetype');
}

@font-face {
	font-family: 'mania';
	src: url('fonts/mania.ttf') format('truetype');
}

@font-face {
	font-family: 'mario64';
	src: url('fonts/mario64.ttf') format('truetype');
}

@font-face {
	font-family: 'minecrafter.alt';
	src: url('fonts/minecrafter.alt.ttf') format('truetype');
}

@font-face {
	font-family: 'minecrafter.reg';
	src: url('fonts/minecrafter.reg.ttf') format('truetype');
}

@font-face {
	font-family: 'minercraftory';
	src: url('fonts/minercraftory.ttf') format('truetype');
}

@font-face {
	font-family: 'mojang-bold';
	src: url('fonts/mojang-bold.ttf') format('truetype');
}

@font-face {
	font-family: 'mojang-regular';
	src: url('fonts/mojang-regular.ttf') format('truetype');
}

@font-face {
	font-family: 'monaco';
	src: url('fonts/monaco.ttf') format('truetype');
}

@font-face {
	font-family: 'orange kid';
	src: url('fonts/orange kid.ttf') format('truetype');
}

@font-face {
	font-family: 'pf_tempesta_seven';
	src: url('fonts/pf_tempesta_seven.ttf') format('truetype');
}

@font-face {
	font-family: 'pf_tempesta_seven_bold';
	src: url('fonts/pf_tempesta_seven_bold.ttf') format('truetype');
}

@font-face {
	font-family: 'pf_tempesta_seven_compressed';
	src: url('fonts/pf_tempesta_seven_compressed.ttf') format('truetype');
}

@font-face {
	font-family: 'pf_tempesta_seven_compressed_bold';
	src: url('fonts/pf_tempesta_seven_compressed_bold.ttf') format('truetype');
}

@font-face {
	font-family: 'pf_tempesta_seven_condensed';
	src: url('fonts/pf_tempesta_seven_condensed.ttf') format('truetype');
}

@font-face {
	font-family: 'pf_tempesta_seven_condensed_bold';
	src: url('fonts/pf_tempesta_seven_condensed_bold.ttf') format('truetype');
}

@font-face {
	font-family: 'pf_tempesta_seven_extended';
	src: url('fonts/pf_tempesta_seven_extended.ttf') format('truetype');
}

@font-face {
	font-family: 'pf_tempesta_seven_extended_bold';
	src: url('fonts/pf_tempesta_seven_extended_bold.ttf') format('truetype');
}

@font-face {
	font-family: 'pingo';
	src: url('fonts/pingo.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeab__';
	src: url('fonts/pixeab__.ttf') format('truetype');
}

@font-face {
	font-family: 'pixearg_';
	src: url('fonts/pixearg_.ttf') format('truetype');
}

@font-face {
	font-family: 'pixel12x10';
	src: url('fonts/pixel12x10.ttf') format('truetype');
}

@font-face {
	font-family: 'pixel12x10mono';
	src: url('fonts/pixel12x10mono.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeled';
	src: url('fonts/pixeled.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloidsans';
	src: url('fonts/pixeloidsans.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperator';
	src: url('fonts/pixeloperator.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloidsans-bold';
	src: url('fonts/pixeloidsans-bold.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperator8';
	src: url('fonts/pixeloperator8.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperator8-bold';
	src: url('fonts/pixeloperator8-bold.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperator-bold';
	src: url('fonts/pixeloperator-bold.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperatorhb';
	src: url('fonts/pixeloperatorhb.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperatorhb8';
	src: url('fonts/pixeloperatorhb8.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperatorhbsc';
	src: url('fonts/pixeloperatorhbsc.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperatormono';
	src: url('fonts/pixeloperatormono.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperatormono8';
	src: url('fonts/pixeloperatormono8.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperatormono8-bold';
	src: url('fonts/pixeloperatormono8-bold.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperatormono-bold';
	src: url('fonts/pixeloperatormono-bold.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperatormonohb';
	src: url('fonts/pixeloperatormonohb.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperatormonohb8';
	src: url('fonts/pixeloperatormonohb8.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperatorsc';
	src: url('fonts/pixeloperatorsc.ttf') format('truetype');
}

@font-face {
	font-family: 'pixeloperatorsc-bold';
	src: url('fonts/pixeloperatorsc-bold.ttf') format('truetype');
}

@font-face {
	font-family: 'pressstart2p';
	src: url('fonts/pressstart2p.ttf') format('truetype');
}

@font-face {
	font-family: 'retron2000';
	src: url('fonts/retron2000.ttf') format('truetype');
}

@font-face {
	font-family: 'round9x13';
	src: url('fonts/round9x13.ttf') format('truetype');
}

@font-face {
	font-family: 'runescape_uf';
	src: url('fonts/runescape_uf.ttf') format('truetype');
}

@font-face {
	font-family: 'small_pixel';
	src: url('fonts/small_pixel.ttf') format('truetype');
}

@font-face {
	font-family: 'sonic-the-hedgehog';
	src: url('fonts/sonic-the-hedgehog.ttf') format('truetype');
}

@font-face {
	font-family: 'spritecoder_regular';
	src: url('fonts/spritecoder_regular.ttf') format('truetype');
}

@font-face {
	font-family: 'stacked pixel';
	src: url('fonts/stacked pixel.ttf') format('truetype');
}

@font-face {
	font-family: 'super boom';
	src: url('fonts/super boom.otf') format('opentype'), url('fonts/super boom.ttf') format('truetype');
}

@font-face {
	font-family: 'super mario bros. 2';
	src: url('fonts/super mario bros. 2.ttf') format('truetype');
}

@font-face {
	font-family: 'superstar_memesbruh03';
	src: url('fonts/superstar_memesbruh03.ttf') format('truetype');
}

@font-face {
	font-family: 'superstarorig_memesbruh03';
	src: url('fonts/superstarorig_memesbruh03.ttf') format('truetype');
}

@font-face {
	font-family: 'televideo';
	src: url('fonts/televideo.otf') format('opentype');
}

@font-face {
	font-family: 'televideo-reverse';
	src: url('fonts/televideo-reverse.otf') format('opentype');
}

@font-face {
	font-family: 'upheavalpro';
	src: url('fonts/upheavalpro.otf') format('opentype'), url('fonts/upheavalpro.ttf') format('truetype');
}

@font-face {
	font-family: 'vcr_osd_mono_1.001';
	src: url('fonts/vcr_osd_mono_1.001.ttf') format('truetype');
}

@font-face {
	font-family: 'visitor1';
	src: url('fonts/visitor1.ttf') format('truetype');
}

@font-face {
	font-family: 'visitor2';
	src: url('fonts/visitor2.ttf') format('truetype');
}

@font-face {
	font-family: 'wicked mouse demo';
	src: url('fonts/wicked mouse demo.otf') format('opentype');
}

@font-face {
	font-family: 'yoster';
	src: url('fonts/yoster.ttf') format('truetype');
}

@font-face {
	font-family: 'zx_spectrum-7';
	src: url('fonts/zx_spectrum-7.ttf') format('truetype');
}

@font-face {
	font-family: 'zx_spectrum-7_bold';
	src: url('fonts/zx_spectrum-7_bold.ttf') format('truetype');
}

@font-face {
	font-family: 'retrocomputer';
	src: url('fonts/retrocomputer.ttf') format('truetype');
}

@font-face {
	font-family: 'recrafteds';
	src: url('fonts/recrafteds.ttf') format('truetype');
}

