/* Center all content in the header */
.site-header { text-align: center; }

/* Light mode */
:root {
	--text: #302f2f;
	--link: #c6b65f;
	--link_visited: #c6b65f;
	--accent1: #f6664c;
	--accent2: #c6b65f;
	--background: #302f2f;
	--code: #e3e3e3;
	--button-text: #ffffff;
	--blockquote: #fffee0;
	--blockquote-border: #e5d600;
	--aside: #e0f7fa;
	--aside-border: #0097a7;
	--note: #e8f5e9;
	--note-border: #d5e1d6;
	--alert: #ffebee;
	--alert-border: #d32f2f;
	--field: #fffee0;
	--mark: #FFFF99;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
	:root {
	--text: #302f2f;
	--link: #c6b65f;
	--link_visited: #c6b65f;
	--accent1: #f6664c;
	--accent2: #c6b65f;
	--background: #302f2f;
	--code: #e3e3e3;
	--button-text: #ffffff;
	--blockquote: #fffee0;
	--blockquote-border: #e5d600;
	--aside: #e0f7fa;
	--aside-border: #0097a7;
	--note: #e8f5e9;
	--note-border: #d5e1d6;
	--alert: #ffebee;
	--alert-border: #d32f2f;
	--field: #fffee0;
	--mark: #FFFF99;
	}
}

.od-footer {
color: #302f2f;
background-color: #f9f3ed;
text-align: left;
border: 7px solid #e4d385;
margin: 10px 0px;
padding: 20px;
}

.od-footer a:link {
color: #302f2f; }

/* Modify to your preferences */
.post-preview {
border-bottom: 10px solid #ebe2d9;
margin: 10px 0px 20px 0px;
}