* { margin: 0; padding: 0; } html { background-color: #F7F5F0; font-family: Verdana, Arial, Helvetica, sans-serif; } #header { background-color: #383942; color: white; width: 620px; margin: auto; padding: 10px; border-bottom: solid 10px #FFAE00; border-radius: 2px; text-align: center; } #header a { color: inherit; text-decoration: none; } #header a.active { color: #FFAE00; } #header a:hover { text-decoration: underline; } #footer { font-size: 12px; color: gray; text-align: center; } main { width: 600px; margin: auto; margin-top: 20px; margin-bottom: 20px; border: 1px solid #AAB0C0; border-radius: 2px; padding: 20px; color: #4A4E5A; font-size: 11px; background-color: white; } main.center { text-align: center; } h1, h2, h3, p { margin-bottom: 10px; } input[type="submit"] { font-size: 16px; margin: 10px; } ul { list-style-position: inside; }