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;
}