.header__container { background: url("/img/header-keyboard.jpg"); background-size: 900px; }
.logo__title { color: #fff; }
.logo__tagline { color: #5a0; }
.main__title { font-size: 1.25em !important; padding: .5em; color: #fff; background-color: #666; margin-bottom: 3em }
.widget-taglist__link, .tags__link { color: #efe; background: #342 }
.list__footer-readmore { background-color: #232; border-radius: 5px; padding: 2px 6px; font-style: italic;}

img[src*='#left'] {
    float: left;
}
img[src*='#right'] {
    float: right;
}
img[src*='#center'] {
    display: block;
    margin: auto;
}
img[src*='#small'] {
    width: 8rem;
    float: right;
}

img { float: left; margin: .5rem 1rem; }

/* Pagefind style variables */
body {
--pagefind-ui-scale: .75;
--pagefind-ui-primary: #034ad8;
--pagefind-ui-text: #393939;
--pagefind-ui-background: #ccc;
--pagefind-ui-border: #333;
--pagefind-ui-tag: #eeeeee;
--pagefind-ui-border-width: 2px;
--pagefind-ui-border-radius: 8px;
--pagefind-ui-image-border-radius: 8px;
--pagefind-ui-image-box-ratio: 3 / 2;
--pagefind-ui-font: sans-serif;
}

/* Comments */
.mastodon-comment { clear: both; padding: .5em }
.mastodon-comment-author-and-text { background: #eee; padding: 1em }
.mastodon-comment-author-and-text img { height: 32px; padding: .5em; margin: 0; display: inline }
.mastodon-author { display: block }