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.input-wrapper { white-space: nowrap; } 40#test-output { 41 border: 1px inset; 42 padding: 0.25em; 43 /*max-height: 30em;*/ 44 overflow: auto; 45 white-space: break-spaces; 46 display: flex; flex-direction: column; 47 font-family: monospace; 48} 49#test-output.reverse { 50 flex-direction: column-reverse; 51} 52