* { padding: 0; margin: 0; color: #333; }
body { margin: 1em auto; max-width: 900px; }
h1, h2, h3, h4, h5 { margin: 1em 0; }
.site-title { margin-bottom: 1em; }
.site-title .sub-note { color: #777; font-size: 0.6em; }
.site-title .sub-note:before { content: "\2014"; color: #777; margin: 0 0.4em; }
#links { margin-bottom: 3em; }
#links .section-header { display: none; }
.links-list { list-style: none; }
.links-list li { display: inline-block; padding: 1em; background: #333; font-weight: bold; width: 6em; margin: 0; text-align: center; transition: 0.3s; }
.links-list li a { color: white; text-decoration: none; transition: 0.3s; }
.links-list li:hover { background: #eee; }
.links-list li:hover a { color: #333; }