:root {
	--text-color: white;
	--discord: #5865F2;
}

nav {
	display: flex;
	flex-direction: row;
	gap: 2rem;
}

@media (max-width: 1300px) {
	nav {
		justify-content: center;
		margin-bottom: 2rem;
	}
}

nav a {
	color: var(--text-color);
	text-decoration: none;
}

nav a:hover {
	text-decoration: underline;
}

nav .discord {
	display: flex;
	flex-direction: row;
	color: var(--discord);
	align-items: center;
}

.discord img {
	display: inline-block;
	height: 1rem;
	margin-left: 1ch;
}