/*
 * General reusable definitions
 */

:root {
	--bs-body-bg: #eee;
	--bs-body-color: #000000;
	--bs-link-color-rgb: 52, 72, 164;
	--bs-body-font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.center {
	text-align: center;
}

a, a.btn:hover {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

body {
	padding-top: 2rem;
	padding-bottom: 1rem;
}
#logo {
	height: 100px;
}

/*
 * Object specific definitions
 */

.nav ul {
	margin-bottom: 10px;
	margin-top: 20px;
	list-style: outside none none;
	width: 100%;
}

.nav ul li {
	line-height: 36px;
	float: right;
}

.nav ul li a {
	display: inline-block;
	padding: 0 15px;
	font-size: 20px;
}

.post-preview {
	font-family: 'Open Sans', sans-serif;
	padding: 1rem 4rem 2rem;
	background-color: #ddd;
	font-size: 16px;
	margin-bottom: 40px;
	word-break: break-word;
}

.post-preview h2 {
	margin-top: 0px;
}

.post-preview h2 a, .nav ul li a {
	color: #111;
}

.post-preview img, .post img {
	max-width: 100%;
}

.post-meta {
	text-align: right;
	margin-bottom: 5px;
	font-size: 12px;
}

.post {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

/*
 * Element specific definitions
 */

h1 a, h1 a:hover {
	text-decoration: none;
}

code, pre {
	font-family: monospace;
	font-size: 14px;
}

code {
    color: inherit;
	padding: 3px;
}

pre {
    padding: 9px 14px;
	border: 1px solid #555;
}

pre > code {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

.btn {
	background-color: #ccc;
}
.btn:hover {
	background-color: #bbb;
}

footer {
	color: #bbb;
	font-size: 12px;
}

blockquote {
	font-size: 16px;
}

.spaced-list > li+li {
    margin-top: .7ex;
}

/*
 * Dirty line break in MathJax.
 */
.mjx-chtml {
	white-space: normal !important;
}

/*
 * Breaks long inline code blocks
 */
code {
	word-wrap: break-word;
}



@media (prefers-color-scheme: dark) {
	:root {
		--bs-body-bg: #231f20;
		--bs-body-color: #ddd;
		--bs-link-color-rgb: 144, 184, 248;
	}

	.post-preview {
		background-color: #282425;
	}

	.btn {
		background-color: #231f20;
	}
	.btn:hover {
		background-color: #332f30;
	}

	pre {
		border: 1px solid #555;
	}

	.post-preview h2 a, .nav ul li a {
		color: #eee;
	}

	footer {
		color: #bbb;
	}

}