html {
	margin: 15 15 15 15;
    background-color: #1c2023;
}

body {
	/* Center body */
    margin: 0 auto;
	padding: 30px;
	/* Make sure lines don't get too long */
	max-width: 600px;
}

p,
blockquote,
h1,
h2,
h3,
a,
li,
tr,
td,
th,
time,
label {
    color: #c7ae95;
	/* font-family: "Century Schoolbook", serif; */
	/* Match the fonts of Gitea */
	font-family: Roboto,Helvetica Neue,Arial,Helvetica,sans-serif;
	line-height: 1.4;
}

table {
  border-collapse: separate;
  border-spacing: 20px 0;
}

th {
	text-align: left;
}

td {
	padding-bottom: 10px;
}

 /* unvisited link */
a:link {
	/* color: red; */
	text-decoration: none;
}

/* visited link */
a:visited {
	color: #c7c795;
	text-decoration: none;
}

/* mouse over link */
a:hover {
	color: #aec795;
	text-decoration: underline;
}

/* selected link */
a:active {
	color: #95c7ae;
	text-decoration: underline;
}

/* Regular body text */
p,
blockquote,
li,
tr,
td {
    color: #95aec7;
}

time,
.timeLabel {
	/* color: #95aec7; */
	color: #7c91a5;
}

.blogPostLinkContainer {
	margin-bottom: 11px;
	display: flex;
	gap: 12px;
}

.blogPostLinkDetails {
	/* display: flex; */
	/* gap: 5px; */
}

.blogPostLink {
	margin-top: 0px;
	font-size: larger;
}

.publishedDate {
	/* Ensure we always are at least this wide, keeping articles in alignment (must be wider than date!) */
	flex-basis: 50px;
	/* Ensure that the flex does not shrink our size, throwing the articles out of alignment */
	flex-shrink: 0;
}

.publishedMonthDate {
	font-size: 0.8em;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 4px;
}

.publishedYear {
	margin-top: 0px;
	text-align: left;
	margin-bottom: 0px;
	font-size: large;
}

/* Font sizes for consistently sized text */
p,
blockquote,
a,
li,
tr,
td {
    font-size: medium;
}

label {
	/* font-size: large; */
	/* color: #9c7575; */
	color: #c18282;
    /* color: #c79595; */
	font-size: small;
}

img {
	width: 100%;
	height: auto;
}

::selection {
    background-color: #c7ae95;
    color: #000000;
}

/* Copied from pandoc --self-contained with zenburn style */
/* pandoc -r org -w html --self-contained --highlight-style zenburn -o delme.html test.org */
/* I had to make some modifications to line height and padding */
code{white-space: pre-wrap; font-size: 14px;}
h1 > code,
h2 > code,
h3 > code {white-space: pre-wrap; font-size: 20px;}

span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
a.sourceLine { display: inline-block; line-height: 1.4;}
a.sourceLine { pointer-events: none; color: inherit; text-decoration: inherit; font-family: monospace; }
a.sourceLine:empty { height: 1.2em; }
.sourceCode { overflow: visible; }
code.sourceCode { white-space: pre; position: relative; }
div.sourceCode { margin: 1em 0; }
pre.sourceCode, .quote { margin: 0; padding: 8px; }
@media screen {
	div.sourceCode { overflow: auto; }
}
@media print {
	code.sourceCode { white-space: pre-wrap; }
	a.sourceLine { text-indent: -1em; padding-left: 1em; }
}
pre.numberSource a.sourceLine
{ position: relative; left: -4em; }
pre.numberSource a.sourceLine::before
{ content: attr(title);
    position: relative; left: -1em; text-align: right; vertical-align: baseline;
    border: none; pointer-events: all; display: inline-block;
    -webkit-touch-callout: none; -webkit-user-select: none;
    -khtml-user-select: none; -moz-user-select: none;
	-ms-user-select: none; user-select: none;
    padding: 0 4px; width: 4em;
}
pre.numberSource { margin-left: 3em;  padding-left: 4px; }
div.sourceCode, .quote
{ color: #cccccc; background-color: #1d1d1d; }
@media screen {
	a.sourceLine::before { text-decoration: underline; }
}
code span.al { color: #ffcfaf; } /* Alert */
code span.an { color: #7f9f7f; font-weight: bold; } /* Annotation */
code span.at { } /* Attribute */
code span.bn { color: #dca3a3; } /* BaseN */
code span.bu { } /* BuiltIn */
code span.cf { color: #f0dfaf; } /* ControlFlow */
code span.ch { color: #dca3a3; } /* Char */
code span.cn { color: #dca3a3; font-weight: bold; } /* Constant */
code span.co { color: #7f9f7f; } /* Comment */
code span.cv { color: #7f9f7f; font-weight: bold; } /* CommentVar */
code span.do { color: #7f9f7f; } /* Documentation */
code span.dt { color: #dfdfbf; } /* DataType */
code span.dv { color: #dcdccc; } /* DecVal */
code span.er { color: #c3bf9f; } /* Error */
code span.ex { } /* Extension */
code span.fl { color: #c0bed1; } /* Float */
code span.fu { color: #efef8f; } /* Function */
code span.im { } /* Import */
code span.in { color: #7f9f7f; font-weight: bold; } /* Information */
code span.kw { color: #f0dfaf; } /* Keyword */
code span.op { color: #f0efd0; } /* Operator */
code span.ot { color: #efef8f; } /* Other */
code span.pp { color: #ffcfaf; font-weight: bold; } /* Preprocessor */
code span.sc { color: #dca3a3; } /* SpecialChar */
code span.ss { color: #cc9393; } /* SpecialString */
code span.st { color: #cc9393; } /* String */
code span.va { } /* Variable */
code span.vs { color: #cc9393; } /* VerbatimString */
code span.wa { color: #7f9f7f; font-weight: bold; } /* Warning */