:root {
	/* Size Constants */
	--item-spacing: 6em;
	--item-ratio: 9/16;

	--scroll-button-size: 3.75em;

	--item-size: var(--target-item-size);
	--window-size: calc(var(--item-size) * var(--item-count) + var(--item-spacing) * (var(--item-count) - 1));

	--nav-font-size: var(--target-nav-font-size);

	/* Size Variables */
	--item-count: 1;
	--target-item-size: 50em;

	--target-nav-font-size: 1em;
}

#root-div {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 100%;
}

#root-div.padded {
	padding: 0 var(--scroll-button-size);
}

#top-bar {
	flex-direction: column;
	align-items: left;
}

#nav-menu {
	font-size: var(--nav-font-size);
}

.nav-menu-item {
	margin: 0 0.65em;
}