* {
	margin: 0;
	padding: 0;
}



:root {
	background-color: hsl(0, 0%, 2%);
	color: hsl(0, 0%, 93%);
	min-height: 100vh;
	width: 100vw;
}

body {
	display: flex;
	flex-direction: column;
}



a {
	color: #f80;
	text-decoration: none;
}

a:visited {
	color: #f60;
}


img {
	height: 100%;
	max-width: 100%;
}



.horizontal-nav-container {
	align-items: center;
	display: flex;
	gap: 1.5rem;
	height: 50px;
	padding: 1rem;
}

.horizontal-nav-item {
	align-items: center;
	display: flex;
	height: 100%;
}


.filter-invert {
	filter: invert(1);
}