nav {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.menu {
	display: flex;
	flex-flow: row wrap;
	font-size: 1.2em;
	align-items: center;
	justify-content: space-evenly;
}

#hamburger-check {
	display: none;
}

#hamburger-container {
	display: none;
}

.menu a {
	text-align: center;
	color: var(--silver);
}

nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.nav-url {
	text-decoration: underline;
	transition: all 0.3s;
	text-decoration-color: rgba(0, 0, 0, 0);
}

.nav-url:hover {
	transition: all 0.2s;
	text-decoration-color: var(--silver-background);
}

@media (max-width: 700px) {
	nav {
		align-items: center;
		gap: 10px;
	}

	#hamburger-check {
		display: none;
		width: 2em;
		height: 2em;
		border: 0.15em solid currentColor;
		border-radius: 0.15em;
		grid-column-start: 1;
		grid-row-start: 1;
	}

	#hamburger-container {
		display: block;
		cursor: pointer;
		height: 2em;
		width: 2em;
	}

	#hamburger-container svg {
		stroke: var(--silver);
	}

	#hamburger-container>p {
		visibility: hidden;
	}

	.menu {
		flex-direction: column;
	}

	#hamburger-check~.menu li {
		max-height: 0;
		visibility: hidden;
		transition: max-height 0.5s ease-in;
	}

	#hamburger-check:checked~.menu li {
		max-height: 200px;
		visibility: visible;
		transition: max-height 0.5s ease-out;
	}
}