@media (prefers-color-scheme: light) {
  :root {
    --main-hue: 250;
    --white: #2e3f53;
    --white-light: #cfe0f4;
    --white-dark: #6c6a6a;
    --code: #52576f;
    --pre: #e1e7ee;
    --bg-color: #f4f4f4;
    --text-color: #24292f;
    --link-color: darkgreen;
    --visited: brown;
    --blockquote: black;
    --blockquote-bg: white;
    --hover: #c11e7a;
    --grey: #ccc;
    --grey-light: #6a708e;
    --shadow: #e8e8e8;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --main-hue: 250;
    --white: #f2f2f2;
    --white-light: #f2f2f2;
    --white-dark: #e8e8e8;
    --code: #414558;
    --pre: #252525;
    --bg-color: #282a26;
    --text-color: #f2f2f2;
    --link-color: #ebc99d;
    --visited: #cb999d;
    --blockquote: #f2f2f2;
    --blockquote-bg: #232323;
    --hover: #ff80bf;
    --grey: #414558;
    --grey-light: #6a708e;
    --shadow: #252525;
  }
}

.post-draft #publish-at, .post-draft #last-updated {
    display: none;
}

body {
    font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman";
}


.post-draft header a:before {
    content: '\02190 ';
}

ul {
    list-style-type: '- ';
}

.pill {
    border-color: darkgrey;
}

article img {
    width: 100%;
    text-align: center;
}

h5 {
    width: 100%;
    text-align: center;
}

h5>img {
    width: auto;
}

h5 a {
    display: none;
}

article div.tags::before {
    display: block;
    content: '\1F665';
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}

p {
    text-align: justify;
}