1body { 2 display: flex; 3 flex-direction: column; 4 flex-wrap: wrap; 5 white-space: break-spaces; 6} 7textarea { 8 font-family: monospace; 9} 10header { 11 font-size: 130%; 12 font-weight: bold; 13} 14.hidden, .initially-hidden { 15 position: absolute !important; 16 opacity: 0 !important; 17 pointer-events: none !important; 18 display: none !important; 19} 20fieldset.options { 21 font-size: 75%; 22} 23fieldset > legend { 24 padding: 0 0.5em; 25} 26span.labeled-input { 27 padding: 0.25em; 28 margin: 0.25em 0.5em; 29 border-radius: 0.25em; 30 white-space: nowrap; 31 background: #0002; 32} 33.center { text-align: center; } 34.error { 35 color: red; 36 background-color: yellow; 37} 38.warning { color: firebrick; } 39.green { color: darkgreen; } 40.group-start { color: blue; } 41.group-end { color: blue; } 42.input-wrapper { white-space: nowrap; } 43#test-output { 44 border: 1px inset; 45 border-radius: 0.25em; 46 padding: 0.25em; 47 /*max-height: 30em;*/ 48 overflow: auto; 49 white-space: break-spaces; 50 display: flex; flex-direction: column; 51 font-family: monospace; 52} 53#test-output.reverse { 54 flex-direction: column-reverse; 55} 56