#sizer { border: 1px solid #a0a0a0; padding: 0.5em; background-color: #f0f0f0; }
body.small #resizable { font-size: 10px; }
body.medium #resizable { font-size: 12px; }
body.large #resizable { font-size: 14px; }

#foo { background-color: #cdcdcd; }
td, th { padding: 0.2em; }
th { font-weight: bold; }
  .col-1 { color: red; }
  .col-2 { color: green; }
  .col-3 { color: blue; }
  
.hint { color: #808080; }
#test-form-1,
#test-form-2 { border: 1px solid #a0a0a0; padding: 0.5em; background-color: #f0f0f0; margin-bottom: 1em; }

#unscramble,
#typewriter,
#scrambled-writer,
#rot13 { font-family: monospace; border: 1px solid black; padding: 0.5em; min-height: 130px; }

.linified .line { margin-bottom: 5px; background: #ff0080; }