/* Font faces */
@font-face {
	font-family: 'CMU Serif';
	src: url('/assets/fonts/cmunrm.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'CMU Serif';
	src: url('/assets/fonts/cmunti.otf') format('opentype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'CMU Serif';
	src: url('/assets/fonts/cmunbx.otf') format('opentype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'CMU Serif';
	src: url('/assets/fonts/cmunbi.otf') format('opentype');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

/* Reset and base styles */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Typography */
body {
	font-family: 'CMU Serif', 'Georgia', 'Times New Roman', serif;
	line-height: 1.6;
	color: #333;
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
	background-color: #fff;
	min-height: 100vh;
}

/* Navigation */
nav {
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #000;
	display: flex;
	justify-content: center;
}

nav a {
	margin: 0 10px;
	text-decoration: none;
	color: blue;
	font-weight: 500;
}

nav a:hover {
	color: darkblue;
}

/* Content */
.content {
	margin-bottom: 2rem;
	min-height: 100vh;
}

.content h1 {
	font-size: 2rem;
	margin: 1.5rem 0 0.5rem 0;
	color: #222;
}

.content h2 {
	font-size: 1.2rem;
	margin: 1.5rem 0 1rem 0;
	color: #333;
}

.content h3 {
	font-size: 1rem;
	margin: 0 0 0.75rem 0;
	color: #444;
}

.content p {
	margin-bottom: 1rem;
}

.content blockquote p {
	margin-bottom: 0;
}

.content ul,
.content ol {
	margin: 1rem 0;
	padding-left: 2rem;
}

.content li {
	margin-bottom: 0.5rem;
}

.content a {
	color: blue;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

time {
	color: blue;
}

/* Projects */
.project-header {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

/* Footer */
footer {
	display: flex;
	width: auto;
	justify-content: center;
	padding: 2rem 0;
	text-align: center;
	font-size: 0.85rem;
	color: #545454;
}

footer p {
	width: 80%;
	margin: 0;
}

.foot-note {
	font-weight: 600;
	font-size: small;
	padding-bottom: 5px;
}

blockquote {
    padding: 0px 6px;
    margin: 6px 0px 12px 0px;
    border-left: 3px solid #d0cccc;
    background-color: #f7f7f7;
    border-radius: 2px;
}

blockquote p {
	display: block;
	font-style: Georgia;
	line-height: 2;
}