html, body { margin: 0; padding: 0; background-color: #FFF; color: #000 }
td { }

h1 { margin: 10px 0 0; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 0 10px; background: #c50058; color: #fff; font: bold 36px/48px serif; text-transform: uppercase }
form { display: block; margin: 0; padding: 0 }
div.header { display: block; margin: 0; padding: 10px; border-bottom: 2px #000 solid; background: #d5ebe8; color: #000 }
div.header h2 { margin: 0; padding: 0; font: bold 24px/24px serif }
div.header p  { margin: 2px 0; padding: 0; font: italic 15px/18px serif }
p { margin: 20px 0 10px 0; padding: 0 0 0 20px; text-align: left }
table.cartoon { margin: 0 auto 0 20px; border: 1px #CCC solid }
table.cartoon td { text-align: center }
table.scribble { margin: 0 auto 0 20px; border: 1px #CCC solid }
table.scribble td { text-align: left; vertical-align: top }
#submit { margin: 20px 0 0; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 5px; background: #c50058; color: #fff; font: 24px/36px serif; text-align: center }
div.result { margin: 0; border: 0; padding: 0 }
div.result h3 { margin: 20px 0 10px 0; padding: 0 0 0 20px; font: bold 18px/18px serif }
div.result p { margin: 10px 0 0 0; padding: 0 0 0 20px; width: 450px }

img { border: 0 }
.big { font: 36px/48px serif }