html,
body {
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: #000214;
    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;
}

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

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

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

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

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

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

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

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