html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

body {
	background: black;
}

center {
    text-align: center;
    width: 512px;
    height: 537px;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

canvas#canvas {
    width: 512px;
    height: 512px;

    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

button#play_button {
	border-style: none;
	padding: 0;
	width: 176px;
	height: 56px;
	background: no-repeat center center;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAAA4CAMAAABqioLZAAAAMFBMVEUAAAAdK1N+JVMAh1GrUjZfV0/Cw8f/8ej/AE3/owD/7CcA5DYprf+Ddpz/d6j/zKruozp8AAAAEHRSTlMA////////////////////wFCLQwAAAKpJREFUaIHt0MEKg0AMRVFxoyv//3MrgiCPTBpbHm3k3s0gTsYzTluzpl8D7gbY3QFemzTvAXYG2B1gd4DdAXb3DPASNHp/PuuqMzo7Oid7Bgy4AtYN0VAGjVady86JfsQ1wIDvgrNLVC+QgSOgXgAw4G/AemgF+A786TxgwBWwIhU7OvC6LwNn+6JVvw8YcAX8zwF2B9gdYHeA3QF21xM8Nwuwu35goua9AHtkF/Bde3qFAAAAAElFTkSuQmCC');
	outline: none;
}

button#play_button:active {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAAA4CAMAAABqioLZAAAAMFBMVEUAAAAdK1N+JVMAh1GrUjZfV0/Cw8f/8ej/AE3/owD/7CcA5DYprf+Ddpz/d6j/zKruozp8AAAAEHRSTlMA////////////////////wFCLQwAAAKBJREFUaIHt0EEKgDAMRNHiRu9/YleCDGmMyoCR/zdFbOqrYxA1b2kWYHc9wVuTALsD7A6wO8DuALv7B3gNmr0/nnXVGZ2dnZM9AwZcAeuGaCiDRqvOZedEP+IcYMB3wdklqhfIwBFQLwAY8BuwHloBXoGfzgMGXAErUrGzA8/7MnC2L1r1+4ABV8BfDrA7wO4AuwPsDrC7vuBOAXbXDrwDFNbuodwBVlEAAAAASUVORK5CYII=');
}

#loading {
    position: relative;
    top:220px;
}

#loading img {
    margin-top: 10px;
    margin-bottom: 26px;
}

#attract {
	position: relative;
	top:220px;
}

#attract img {
	margin-top: 10px;
}

.pico8_el {
    width: 114px;
    height: 16px;
    display: inline-block;
    margin: 1px;
    margin-bottom: 0;
    padding: 4px;
    text-align: center;
    color: rgb(255, 241, 232);
    background-color: rgb(95, 87, 79);
    font-family: verdana, sans-serif;
    font-size: 9pt;
    cursor: pointer;

    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.pico8_el img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: pixelated;
}

.pico8_el a {
    text-decoration: none;
    color: rgb(255, 241, 232);
}

.pico8_el:hover, .pico8_el:link {
    background-color: rgb(194, 195, 199);
}