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