* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

main#mainSection {
	color: white;
	background: black;
	
	padding: 1rem
}

nav#mainNavigation {
	background: maroon;
	color: cyan;
	font-size: 0.75rem;
	padding: 0 0.5em;
	padding-top: 0.5em;
}

nav#mainNavigation a {
	color: inherit;
	background: rgba(0 0 0 / 0.5);
	display: inline-block;
	padding: 0.5em;
	font-weight: bold;
	text-decoration: none;
}

nav#mainNavigation a[aria-current="page"] {
	background: black;
}

/* ABOUT PAGE */

.about-page #mainSection .platforms {
	background: yellow;
	display: flex;
	flex-wrap: wrap;
	padding: 1em;
	color: purple;
	list-style-type: none;
	width: fit-content;
	gap: 0.5em;
}

.about-page #mainSection .platforms > li > * {
	display: flex;
	align-content: center;
	justify-content: space-between;
	gap: 0.5em;
	padding: 0.5em;
	font-family: inherit;
	font-size: inherit;
	background: transparent;
	border: none;
	cursor: pointer;
	color: inherit;
	text-decoration: none;
	background: pink;
}

.about-page #mainSection .platforms img {
	height: 1.5em;
	width: 1.5em
}