/* --- Baseline CSS from your site --- */
/* Written in 2020 by Jesse Watson
   Licensed under Creative Commons Attribution 4.0 
   http://creativecommons.org/licenses/by/4.0/
*/

/* --- Base Styles --- */
body, #post {
    background-color: #232931;
    font-family: serif;
}

p, li, td, th, body#post article h2, body#post article p, 
body#post article ol, body#post article ul, body#post article h3,
body#post article h4, body#post article h5, body#post article h6,
body#post article code, body#post article h1 {
    color: #ccc;
}

h1 {
    color: #ffffff;
    background-color: #24242; /* typo, ignored here */
}

hr {
    background-color: #4ecca3;
}

/* --- Links --- */
a, .post-title a:link, .post-title a:visited, body#collection article .book a.hidden.action, body#collection a.read-more {
    color: #4ecca3;
    font-family: serif;
}

body h1 a {
    color: #339b23;
}

body h1 a:hover {
    color: #393e46;
}

header nav a, header nav span {
    color: #abc;
}

/* --- Headings --- */
#wrapper h2, #wrapper h2#h2-heading,
#wrapper h5#h5-heading, #wrapper h6#h6-heading,
body#collection #wrapper h2+time, body#subpage #wrapper h2+time,
body#collection #wrapper h2, body#subpage {
    color: #abc;
}

#official-writing h2, #official-writing h3, #official-writing h4,
#wrapper h2, #wrapper h3, #wrapper h4 {
    color: #abc;
}

body article h5, body#post article h3, body#post article h4, body#post article h5 {
    color: #abc !important;
}

/* --- Tables --- */
table {
    width: -webkit-fill-available;
    border-collapse: separate;
    border-spacing: 0;
}

thead {
    background: #393e46;
}

tr:nth-child(even) {
    background-color: #393e46;
}

tr {
    border-left: 1px solid #393e46;
}

td, th {
    color: #ccc;
    padding-left: 9px;
    padding-right: 9px;
}

/* --- Code & Pre --- */
body#post article code, #collection #wrapper code {
    background-color: #393e46;
    color: #4ecca3;
}

body#collection #wrapper pre, body#post pre {
    background: #393e46;
}

/* --- Blockquotes --- */
body#collection blockquote,
body#post blockquote,
body#subpage blockquote {
    display: inline-block;       /* shrink-wrap to text */
    border-left: 4px solid #4ecca3;
    padding-left: 8px;
    text-align: left;
    margin: 1em auto;
    max-width: 80%;
    background: transparent;
}

/* --- Alerts / Flash Messages --- */
.alert.flash,
.alert.flash p {
    color: black;       /* make flash text black */
}

/* --- Navigation / Lists --- */
nav#manage ul, nav#manage ul ul, li, ul {
    background-color: #232931;
}

nav#manage ul a {
    color: #abc;
    background-color: #232931;
}

nav#manage ul a:hover {
    background-color: #232931;
}

/* --- Footer --- */
body footer, body footer nav {
    font-family: serif;
    color: #ccc;
}

header p.description {
    color: #ccc;
}

/* --- Misc --- */
body#post article time.dt-published {
    color: #ccc;
}

/* --- Error Page Specific Styles --- */
html, body {
    height: 100%;
    margin: 0;
}

.central-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80%;
    text-align: center;
    padding: 20px;
}

.central-container h1 {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #4ecca3; /* highlight error */
}

.central-container p {
    font-size: 1.25rem;
    margin-top: 0.3em;
    line-height: 1.5;
}

.central-container img {
    max-width: 50%;
    height: auto;
}

.container {
	display: flex;
	justify-content: center;
}