@media (prefers-color-scheme: dark) {
    html { background: url(https://onfocus.b-cdn.net/otis-redding.png),radial-gradient(ellipse at 50% 0%, #666677 0%, #36363F 140%); }
    #blog, #blog .flourish .ftext { background-color: #333344 !important; }
    a:visited { color: #BE939C; text-decoration-color: #BE939C; }
    a:link, .post-text, .title, .recmeta, .photo-title, .subtitle { color: #eee; } 
    blockquote {
        border-left: solid 5px #666677;
        padding: 1em;
        background-color: #444455;
    }
    code {
	background-color: #444455;
    }
    .post-byline, .post-byline a { color: #aaa;}
    img { opacity: .9; transition: all .5s ease-in-out; }
    img:hover { filter: none; opacity: 1; }
    .post.photo.vert .post-text { background-color: rgba(0,0,40,.9); }
    .socmeed svg {
        background-color: #fff;
        padding: 10px;
        border-radius: 4px;
    }
}