body {
    margin: 2rem auto;
    max-width: 50em;
    font-family: 'Georgia'; font-weight: normal; font-style: normal; font-variant: normal;
    font-size: medium;
    line-height:1.6;
    color: #222;
}

@media only screen and (min-width: 40.063em) {
  body {
    font-size: 112.5%;
  }
}

h1,h2,h3,h4,h5,h6 { font-family: Arial; line-height: 1.2; }
img { border:1px solid #000; width: 100%; }
img.left-float { border:1px solid #000; width: 25%; float: left; margin: 0px 16px 0px 0px; }    /* top right bottom left */

ul { list-style: disc }

div#page {
    padding: 0 2em 2em;
}

div#footer {
    display: flex;
    align-items: center;
    text-align: right;
    margin-top: 1rem;
    font-family: Arial;
    text-transform: uppercase;
    font-size: 0.75rem;
}

hr { border:1px solid #eee; height:0px; margin:0; }

div.download {
    background: #eee;
    border-bottom: 1px solid #aaa;
    padding: 0.5em;
}

div.screenshot {
    text-align: center;
    background: #000;
    padding: 1em;
}

div.video {
    text-align: center;
    background: #000;
    padding: 1em;
}

pre {
    border-radius: 0.25rem;
    background: #000;
    padding: 0.5em 1em 0.5em 1em;
    width: 100%;
    color: #28f200;
    font-family: consolas, monotype;
    font-size: 1.1rem;
}

div.games {
    padding-top: 1rem;   
}

div.game {
    padding:0.25rem;
    display: grid;
    align-items: center;
    grid-template-columns: 0.25fr 0.75fr;
    grid-column-gap: 1rem;
}
span.im {
}
span.nm {
}
span.cp {
}
div.desc {
    padding-bottom:1rem;
}