@charset "utf-8";
/* CSS Document */

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
}

body.dark {
	background-color: #1a1a1a;
	color: #d4d4d4;
}

A:LINK,A:VISITED {
	text-decoration:none;
	font-family:tahoma, Arial;
	font-size:13px;
	font-weight:bold;
	color: #800000;
}

body.dark A:LINK, body.dark A:VISITED {
	color: #cc3333;
}

A:HOVER {
	color:#000000;
	text-decoration:underline;
	font-family:tahoma,Arial;
	font-size:13px;
}

body.dark A:HOVER {
	color: #ffffff;
}

.site-header {
	display: flex;
	align-items: center;
	padding: 8px 16px;
}

.site-header-title {
	flex: 1;
	text-align: center;
}

.site-title {
	font-family: 'Cormorant Garamond', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 48px;
	text-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}

.site-subtitle {
	margin-top: -10px;
	font-family: 'Cormorant Garamond', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 24px;
	text-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}

#theme-toggle {
	background: none;
	border: 1px solid #aaa;
	border-radius: 20px;
	padding: 4px 10px;
	cursor: pointer;
	opacity: 0.6;
	line-height: 0;
	flex-shrink: 0;
}

#theme-toggle:hover { opacity: 1; }

body.dark #theme-toggle {
	color: #d4d4d4;
	border-color: #555;
}

.redundant-title {
	display: none;
}

.nav-sep::before {
	content: " ~ ";
	font-weight: normal;
	color: #800000;
}

body.dark .nav-sep::before {
	color: #cc3333;
}

@media (max-width: 600px) {
	blockquote {
		margin-left: 8px;
		margin-right: 8px;
		padding: 0;
	}
}