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