/* A stylesheet for the main navigation bar of a webpage that turns links therein into a series of buttons. */
nav {
	& ul {
		/* Disable list bullets, if any. */
		list-style: none;
		
		font-family: sans-serif;
		padding: 0;

		display: flex;
		flex-direction: column;

		& li {
			margin-block: 0.2em;

			background-color: hsl(210, 100%, 40%);
			background-image: repeating-linear-gradient(120deg, hsl(200, 100%, 40%, 10%), hsl(200, 100%, 40%, 0%) 5em), linear-gradient(to bottom, hsl(210, 100%, 40%), hsl(210, 100%, 20%));
			box-shadow: 0 0 0 0.1em hsl(210, 100%, 50%) inset;
			border: 0.1em solid hsl(210, 100%, 20%);
			padding: 0.5em;
			border-radius: 0.2em;
			
			& a {
				text-decoration: none;
				color: white;
			}
		}
	}
}