| body { | |
| font-family: 'Avenir', Helvetica, Arial, sans-serif; | |
| margin: 0 auto; | |
| margin-top: 64px; | |
| padding-top: 32px; | |
| padding-bottom: 32px; | |
| max-width: 1280px; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| } | |
| main { | |
| padding: 24px; | |
| flex: 1; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| } | |
| footer { | |
| padding: 24px; | |
| background-color: #f7f7f7; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| } | |
| a { | |
| color: #0070f3; | |
| text-decoration: none; | |
| } | |
| a:hover, | |
| a:active { | |
| opacity: 0.6; | |
| } | |
| h1 { | |
| font-size: 36px; | |
| margin-bottom: 12px; | |
| padding-top: 32px; | |
| } | |
| p { | |
| font-size: 24px; | |
| padding: 12px; | |
| } |