* { 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; } .container { max-width: 640px; width: 100%; margin: 0 auto; } .content { padding: 16px 32px 32px; background-color: #fff; } .spacer { flex: 1; } .bigBtn { display: inline-block; padding: 8px; color: #333; font-size: 1.2em; text-transform: uppercase; text-decoration: none; background-color: #c3eaff; border: 1px solid #3f9acc; border-radius: 3px; border-bottom-width: 3px; cursor: pointer; } .bigBtn:hover { background-color: #9dd3f0; } 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="radio"] { vertical-align: sub; } input[type="submit"] { width: 100%; } .green { color: green; } .red { color: red; } .label { display: inline-block; margin: 0 0 8px; }