.framedimage {
    border: 1px solid white;
    padding: 5px;
    width: min-content;
    text-align: center;
}

.mediumimg {
    max-height: 192px;
}

.nicetable {
    border-collapse: collapse;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}

.nicetable td,
.nicetable th {
    padding: 5px;
    border: 1px solid white;
}

.nicetable th {
    text-align: center;
    background-color: #222;
}

.minigfx {
    margin-block: 8px;
    margin-inline: 8px;
    height: 48px;
    image-rendering: pixelated;
}

.mediumgfx {
    margin-block: 8px;
    margin-inline: 8px;
    height: 192px;
    image-rendering: pixelated;
}

.largegfx {
    margin-block: 8px;
    margin-inline: 8px;
    height: 384px;
    image-rendering: pixelated;
}

.sectionheader,
.itemheader {
    background-color: #222;
    display: block;
    text-align: center;
}

.sectionheader {
    font-size: larger;
    color: yellow
}

.nopaddinglist {
    padding-inline-start: 20px;
}

.horizontalflex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.code {
    font-family: monospace;
    white-space: pre;
    background-color: #222;
    color: white;
    padding: 8px;
    margin: 8px 0;
}

.cite {
    font-style: italic;
    font-family: monospace;
    white-space: pre;
    background-color: #333;
    color: white;
    padding: 8px;
    margin: 8px 0;
}

.yellow {
    color: yellow;
}

.maincontainer {
    width: 60vw;
    margin-left: auto;
    margin-right: auto;
}