body {
	margin: 2vh auto;
	max-width: 35%;
	font-family: Georgia, 'Times New Roman', Times, serif;
}

header>div {
	display: flex;
	align-items: center;
	gap: 1rem;
}

nav>ul {
	gap: 1rem;
}

h1 {
	margin-bottom: -0.6rem;
}

.badges {
	text-align: center;
}

footer {
	font-size: small;
	margin: 2rem;
	text-align: center;
}

@media only screen and (max-width: 600px) {
	body {
		margin: 2vh auto;
		max-width: 90%;
		font-family: Georgia, 'Times New Roman', Times, serif;
	}
}