.charactersheet { min-width: 625px; } .sheet-basics { display: flex; } .sheet-basics label span { display: block; width: 100%; } .sheet-basics label input { display: block; width: 100%; } .sheet-pronouns { max-width: 10em } .sheet-look { max-width: 100% } .sheet-stats { display: flex; } .sheet-stats label { text-align: center; margin-right: 0.5em; margin-left: 0.5em; border-right: 1px solid black; } .sheet-stats label:last-child{ border: none; } .sheet-stat-roll { display: block; width: 100%; margin-top: 0.5em; } .sheet-stats button span { margin-left: 0.5em } .sheet-moves { display: flex; justify-content: space-around; min-width: 575px; } .sheet-move { min-width: 10em; width: 45%; display: flex; flex-wrap: wrap; background:lightgrey; padding:1em; } .sheet-move input { width: 100%; } .sheet-move input.sheet-movename { font-weight: bold } .sheet-move input.sheet-moveeffect { width: 50%; min-width: 10em; } .sheet-move input.sheet-movestat { width: 50%; min-width: 10em; } .sheet-label { width: 25%; min-width: 5em; text-align: right; padding-right: 1em; } .sheet-cell { min-width: 65%; } .sheet-stress label { display: inline } .sheet-stressdisplay { display: inline-block; text-align: center; width: 10em; } .sheet-or { font-style: italic; margin: 1em; align-self: center; } textarea { height: 40px; } label span.sheet-stat-roll button[type=roll]{ font-size: 1em; margin: 3px; }