/* 
 * Cyber-Dark theme by Nigel Swan
 * for BSSG, https://bssg.dragas.net
 */
:root {
    --highlight1: lightseagreen;
    --highlight2: #e441e1;
    --bright: #fff;
    --text: #cecece;
    --muted-text: #999999;
    --background: #121212;
    --border: #121212;
    --blockquote: #222;
    background-color: var(--background);
}

a { font-family:sans-serif; color:var(--highlight2); text-decoration:none; }
body { font-size:1.1em; color:var(--text); padding:0.2em; font-family:sans-serif; max-width:60em; margin:auto; line-height:1.5; }
h1 { font-size:2em; color:var(--highlight1); text-shadow:0 0 20px; }
h2 { font-size:1.7em; color:var(--highlight1); text-shadow:0 0 20px; }
h3 { font-size:1.4em; color:var(--highlight1); text-shadow:0 0 20px; }
nav { display:block; text-align:center; padding-top:0.8em; padding-bottom:3.5em; }
nav { a { padding-left:0.5em; padding-right:0.5em; text-decoration:underline var(--highlight1); text-shadow:0 0 9px var(--highlight1); } }
hr { border:1px solid var(--highlight2); }
p { padding-top:0.5em; padding-bottom:0.5em; }
header { text-align:center; margin:auto; }
header { p { text-shadow:0 0 10px var(--highlight2); } }
img { display:block; max-width: 100%; margin: auto; padding-top: 20px; padding-bottom: 20px; }
.posts-list { h3 { a { color:var(--highlight1); text-decoration: underline var(--highlight2); text-shadow:0 0 15px var(--highlight2); } } }
.featured-image.index-image { img { display:block; max-width: 100%; max-height:640px; margin: auto; padding-top: 20px; padding-bottom: 20px; } }
.image-caption { color:var(--muted-text); text-align: center; }
.site-title { a { text-shadow:0 0 30px var(--highlight2); text-decoration:underline 2px var(--highlight2); font-size:3em; font-weight:bold; color:var(--highlight1); }}
.meta, .page-meta { font-size:0.8em; color:var(--muted-text); }
.tag::before { content:"#";  }
.tags-list a::before { white-space:pre; content:'\A'; }
.summary { max-width:99%; margin:auto; padding-top:1em; padding-bottom:2em; }
article { padding-bottom:1em; }
blockquote { background:var(--blockquote); color:var(--bright); max-width:90%; padding:1em; border-radius:0.5em; margin:auto; display:flex; }
pre { background:var(--blockquote); max-width:90%; padding:1em; border-radius:0.5em; margin:auto; display:flex;  }
code { font-family:monospace; color:var(--highlight1); text-shadow:0 0 5px var(--highlight2); }
footer { text-align:center; font-size:0.8em; }