* { box-sizing: border-box; margin: 0; padding: 0; }
body {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	background-color: #111;
	color: #eee;
	line-height: 1.6;
	padding: 2rem;
	display: flex;
	justify-content: center;
}
a { color: #f0c674; text-decoration: none; }
a:hover { text-decoration: underline; }

.container {
	max-width: 900px;
	width: 100%;
}

header, footer { text-align: center; margin-bottom: 1rem; }
h1 { font-size: 2.5rem; margin-bottom: 0rem; }
h2 { font-size: 1.8rem; margin-top: 1rem; margin-bottom: 1rem; color: #f0c674; }
p { margin-bottom: 1rem; }

nav ul { list-style: none; display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; }
nav li { margin: 0.5rem 0; }

section {
	margin-bottom: -1.5rem;
	padding: 1rem 1.5rem;
	border-radius: 8px;
}

.contact-info { text-align: center; margin-top: 1rem; font-size: 0.95rem; color: #bbb; }

hr {
	border: none;
	border-top: 1px dashed #555;
	margin: 2rem 1rem;
	margin-top: 3.5rem;
}
.essay-link {
	display: block;
	margin-bottom: 0.5rem;
	padding-left: 0.5rem;
	border-left: 2px solid #f0c674;
}

.profile-pic {
	width: 90%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 12px;
	display: block;
	margin: 0 auto 1rem auto;
}

@media(min-width: 600px){
	.about, .essays {
		display: flex;
		gap: 2rem;
	}
	.about p, .essays p { flex: 1; }
	.essay-links { flex: 1; display: flex; flex-direction: column; }
	.profile-pic { width: 200px }
}