* { box-sizing: border-box; } body { background-color: #eee; color: #333; } header { padding: 16px; margin: 0 0 48px; font-size: 1.1em; background-color: #fff; } footer { color: #777; margin: 64px 0; } .container { max-width: 640px; width: 100%; margin: 0 auto; } .content { padding: 16px 32px 32px; background-color: #fff; } h1 { margin: 0; padding: 16px 32px; background-color: #9dd3f0; text-align: center; } a { color: #3f9acc; } textarea { width: 100%; height: 128px; resize: vertical; } input[type="radio"] { vertical-align: sub; } input[type="submit"] { width: 100%; padding: 8px; font-size: 1.2em; text-transform: uppercase; background-color: #c3eaff; border: 1px solid #3f9acc; border-radius: 3px; border-bottom-width: 3px; cursor: pointer; } input[type="submit"]:hover { background-color: #9dd3f0; } .green { color: green; } .red { color: red; } .label { display: inline-block; margin: 0 0 8px; }