body
{
	color: var(--color6-20);
	background-color: var(--color2-80);
	
	/* AUTUMN */
	background-image: var(--background-image-svg);

	background-size: 5%;
	background-position: 0% 20.9lvh;
}

nav
{
	height: var(--header-height);
	border-bottom: 2px var(--color4-60) solid;
	
	h1
	{
		font-size: 1.8em;
	}

	ul
	{
		position: relative;
		user-select: none;
		margin: 0;
		padding: 0;

		li
		{
			position: relative;
			top: 0px;
			left: 0px;
			font-size: 1.0em;

			&:hover,
			&.selected
			{
				position: relative;
				top: -3px;
				left: -3px;
				font-size: 1.1em;
			}

			a
			{
				text-wrap-mode: nowrap;
				padding-top: 30px;
				padding-bottom: 30px;
				margin-top: -30px;
				margin-bottom: -30px;
				font-size: 1.1em;
				color: var(--color6-20);
				text-decoration: none;
			}
		}
	}
}

h1, h2, h3, h4, h5, h6
{
	font-weight: 300;
}