* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    background-color: #202020;
    color: #F61212;
    font-family: monospace;
}

h1, h2 {
    margin: 0;
    padding: 0;
}

li {
    margin-bottom: 1.5em;
    font-weight: bold;
}

header {
    text-align: center;
    margin-top: 32px;
}

footer {
    text-align: center;
}

#game {
    margin: 0 auto;
    width: 640px;
    background-color: #202020;
}

#playinfsbutton {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 64px;
    height: 64px;
}

#gamecanvas {
    background-color: #202020;
    
    width: 100vw; 
    height: 56.25vw; /* 100/56.25 = 1.778 */
    max-height: 100vh;
    max-width: 177.78vh; /* 16/9 = 1.778 */
    margin: auto;
    position: absolute;
    top:0;bottom:0; /* vertical center */
    left:0;right:0; /* horizontal center */
}

:-webkit-full-screen {
    background-color: #202020;
}

:-moz-full-screen {
    background-color: #202020;
}

:full-screen {
    background-color: #202020;
}

:fullscreen {
    background-color: #202020;
}

::backdrop {
    background-color: #202020;
}

::-ms-backdrop {
    background-color: #202020;
}

#adunit {
    margin: 0 auto;
}