body {
	--color-link: #2c2c2c;
	--color-link-hover: #2c2c2c;
	--color-content: var(--dark-text-color);
	--color-text: var(--dark-text-color);
	--color-bg: var(--light-background-color);
	--font-alt: var(--headline-font);
	--color-menu-link:  #2c2c2c;
	--color-menu-link-hover:  #2c2c2c);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* Cursor styles */
	--cursor-fill:  #2c2c2c;
	--cursor-stroke:  #e0c56a;
	--cursor-stroke-width: 1px;
}

.content {
	display: flex;
	position: relative;
	flex-direction: column;
	width: 100vw;
	height: calc(100vh - 13rem);
	position: relative;
	justify-content: flex-start;
	align-items: center;
}

.menu__item {
	font-size: 8.5vw;
	margin: 0 2.08vw;
	cursor: default;
	font-family: var(--font-alt);
	color: var(--color-menu-link);
	cursor: pointer;
}

.cursor {
	display: none;
}


@media (any-pointer: fine) {
	.cursor {
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		pointer-events: none;
		opacity: 0;
    z-index: 999;
	}
	.cursor__inner {
    fill: var(--cursor-fill);
    fill: transparent;
		stroke: var(--cursor-stroke);
		stroke-width: var(--cursor-stroke-width);
	}
}