/* ===== Global ===== */

body {
	background-color: #161616;
	color: #cec3c3;
	font-family: Baskerville, serif;
	line-height: 1.6;
	margin: 0;
	padding: 0;
}

/* ===== Main Content Container ===== */

.container {
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px;
}

/* ===== Div Skill Grid ===== */

.skills-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px 80px;
}

/* ===== Mobile ===== */

@media (max-width: 700px) {

	.skills-grid {
		grid-template-columns: 1fr;
	}

}

/* ===== Headers ===== */

h1 {
	color: #e8e0d0;
	font-family: Baskerville, serif;
	font-size: 4rem;
	margin-bottom: 10px;
}

h2 {
	color: #e8e0d0;
	margin-top: 25px;
	margin-bottom: 5px;
}

h3 {
	color: #e8e0d0;
	margin-top: 10px;
	margin-bottom: 5px;
	
}

h4 {
	color: #d4af37;
	margin-top: 10px;
	margin-bottom: 5px;
}

.section-header {
	margin-top: 40px;
}

/* ===== Paragraphs ===== */

p {
	
	margin-top: 10px;
}

/* ===== Links ===== */

a {
	color: #9b8457;
}
a:visited {
	color: #37bfd4;
	text-decoration: none;
}

a:hover {
	color: #f0c75e;
	text-decoration: underline;
}

/* ===== Lists ===== */

ul {
	margin-top: 0px;
	margin-bottom: 10px
}

li{
	margin-bottom: 6px;
}