body { max-width: 45em; margin: 0 auto;
       font-family: serif; font-size: 120%; }

h1 { font-size: 200%; width: 100%; }

a { text-decoration: none; font-weight: bold; font-style: italic; color: black; }
a:hover { background-color: #adf; color: white; }

code { color: #098; font-size: 85%; }

ul.dotted { list-style: disc; }
ul { list-style: none; }

li p { margin: 0 0 1em 1.8em; font-style: italic; }

div#mastodon-footer { border: solid #ddd; border-width: 2px 0 0 0;
                      color: #777;
                      font-size: 100%; }

#mastodon-footer p { margin: 0 0 0 0; }

#mastodon-footer p .em { color: black; }

#mastodon-footer .hashtag { color: black; }

ul.top-menu { margin: 0; display: inline; }
ul.top-menu li { display: inline; margin: 0 0.5em; color: #888; }
ul.top-menu li a { color: #888; }

div#copyright-footer { width: 100%;
                       text-align: center;
                       margin: 0.5em 0 0 0; }