#all-container {
 width: 100%;
 text-align: center;
}

#content {
    display: inline-block;
    font-size: calc(12px + 2.5vmin);
    padding: 2px 0;
    font-family: 'Courier New', monospace;
    max-width: 10em;
    max-height: 100vh;
}

h1 {
    font-size: 1em;
    margin: 0;
}

.main {
    display: inline-block;
    text-align: left;
    width: 10em;
    outline-color: black;
    outline-style: solid;
    outline-width: 2px;
    margin-bottom: 1em;
}

#image-container {
    text-align: center;
}

#game-image {
    height: 6em;
    max-width: 10em;
    display: inline-block;
}


#text-container {
    padding-left: 0.1em;
}

#text-description {
    line-height: 1.6em;
    height: 4.8em;
    /* 3x1.6 (line height) */
    hyphens: 1;
    font-size: 0.8em;
}

details{
    line-height: 1.6em;
    hyphens: 1;
    font-size: 0.8em;
}

details img {
    max-width: 9em;
}

.caps {
    text-transform: uppercase;
}

#text-title {
    line-height: 1.6em;
    margin-right: 3em;
    font-weight: bold;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

#controller button {
    font-family: 'Courier New', monospace;
    width: 50%;
    margin: 0%;
    float: left;
    line-height: 1.6em;
    font-size: 1em;
    outline-color: black;
    outline-style: solid;
    outline-width: 2px;
    border-style: none;
    background-color: white;
}

#controller button:hover {
    background-color: black;
    color: white;
}

#controller button:focus {
    background-color: black;
    color: white;
}

body.using-mouse #controller button:focus {
    background-color: white;
    color: black;
}

#controller button:disabled {
    background-color: white;
    color: lightgray;
}


/** {
    outline-color: red;
    outline-style: dashed;
    outline-width: 1px;
}*/