/* 
 * this is a very simple css file.
 * i took heavy inspiration from the hacktivista.org site,
 * owned by felix freeman.
 */

!root {
	--gap: 20px;
}



body {
	background: #5F0F40;
	color: white;
	font-family: "Courier New", monospace;
	margin-left: 200px;
	margin-right: 200px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.main-header {
	display: flex;
	flex-wrap: wrap;
	max-width: calc(1200px - var(--gap) * 2);
	padding: 2rem 1rem 1rem;
	margin: 0 auto;
	justify-content: space-around;
	font-size: 12pt;
}
.main-homelink {
	display: flex;
	align-items: center;
}

.main-heading {
	font-size: 3.25em;
	font-weight: normal;
	margin: 0;
	color: white;
	text-decoration: underline;
}

.main-nav {
	display: flex;
	align-items: center;
}

.main-nav ul {
	list-style: none;
	text-align: center;
	padding: 0;
	margin-block-start: 1.5em;
	margin-block-end: 0;
	color: white;
	text-decoration: underline;
}

@media (min-width: 768px) {
	.main-nav ul { 
		display: flex;
	}
}

.main-nav ul li {
	display: inline-block;
	margin-right: var(--gap);
	text-decoration: underline;
	color: white;
}

.main-nav ul li:last-child {
	margin-right: 0;
	text-decoration: underline;
	color: white;

}