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