@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 400;
	src: url('/font/Spartan-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 100;
	src: url('/font/Spartan-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 200;
	src: url('/font/Spartan-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 300;
	src: url('/font/Spartan-Light.woff') format('woff');
}
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 500;
	src: url('/font/Spartan-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 600;
	src: url('/font/Spartan-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 700;
	src: url('/font/Spartan-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 800;
	src: url('/font/Spartan-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 900;
	src: url('/font/Spartan-Black.woff') format('woff');
}
body {
	margin: 0;
	padding: 0;
	font-family: Spartan, sans-serif;
	color: white;
	background: black;
}
#navictrl {
	display:none;
}
label.navictrl {
	position: absolute;
	display: block;
	top: 0.5rem;
	left: 0.5rem;
	width: 2rem;
	aspect-ratio: 1;
	margin: 0;
	padding: 0;
	background: none;
	z-index: 20;
}
.line {
	position: absolute;
	display: block;
	left: 0;
	height: 0.2rem;
	width: 100%;
	background: white;
	transition: transform 0.5s, opacity 0.5s;
	transform-origin: center;
}
.line:nth-child(1) {
	top: 0.2rem;
}
.line:nth-child(2) {
	top: 0.9rem;
}
.line:nth-child(3) {
	top: 1.6rem;
}
#navictrl:checked + .navictrl .line:nth-child(1) {
	transform: translateY(0.7rem) rotate(-45deg);
}
#navictrl:checked + .navictrl .line:nth-child(2) {
	opacity: 0;
}
#navictrl:checked + .navictrl .line:nth-child(3) {
	transform: translateY(-0.7rem) rotate(45deg);
}
nav.topmenu {
	position: absolute;
	top: 2.5rem;
	height: auto;
	max-height: 0;
	font-size: 20px;
	line-height: 2.3;
	letter-spacing: 0.07rem;
	color: white;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.5s, max-height 0.5s 0s;
	z-index: 21;
}
#navictrl:checked + .navictrl + nav.topmenu {
	max-height: 1000vw;
	opacity: 1;
	transition: opacity 0.5s, max-height 0s;
}
nav.topmenu ul {
	list-style: none;
	padding: 0 0 0 1.5rem;
}
nav.topmenu > ul {
	padding: 0 1rem;
}
nav.topmenu li {
	border-top: 1px solid white;
}
nav.topmenu > ul > li:first-of-type {
	border-top: none;
}
nav.topmenu a {
	text-decoration: none;
	color: white;
}
nav.topmenu a:hover {
	color: silver;
}

@media (prefers-color-scheme: light) {
	body {
		color: black;
		background: white;
	}
	.line {
		background: black;
	}
	nav.topmenu {
		color: black;
	}
	nav.topmenu li {
		border-top: 1px solid black;
	}
	nav.topmenu > ul > li:first-of-type {
		border-top: none;
	}
	nav.topmenu a {
		color: black;
	}
	nav.topmenu a:hover {
		color: dimgray;
	}
}

.hexagon {
/*	clip-path: path("m 0.025,0.45 0.2,-0.4 a 0.1,0.1 0 0 1 0.075,-0.05 h 0.4 a 0.1,0.1 0 0 1 0.075,0.05 l 0.2,0.4 a 0.1,0.1 0 0 1 0,0.1 l -0.2,0.4 a 0.1,0.1 0 0 1 -0.075,0.05 h -0.4 a 0.1,0.1 0 0 1 -0.075,-0.05 l -0.2,-0.4 a 0.1,0.1 0 0 1 0,-0.1 z");*/
	clip-path: polygon(70.32% 0%, 70.73% 0.03%, 71.11% 0.07%, 71.52% 0.15%, 71.94% 0.25%, 72.56% 0.44%, 73.11% 0.66%,
		73.68% 0.94%, 74.02% 1.14%, 74.5% 1.45%, 74.98% 1.81%, 75.46% 2.23%, 75.98% 2.76%, 76.5% 3.38%,
		76.93% 4%, 77.19% 4.43%, 77.44% 4.9%, 97.52% 45.06%, 97.89% 45.89%, 98.15% 46.65%, 98.31% 47.2%,
		98.45% 47.84%, 98.55% 48.47%, 98.62% 49.05%, 98.66% 49.94%, 98.63% 50.66%, 98.57% 51.36%, 98.47% 52.06%,
		98.33% 52.74%, 98.16% 53.35%, 97.9% 54.11%, 97.53% 54.94%, 77.68% 94.64%, 77.07% 95.77%, 76.7% 96.34%,
		76.37% 96.78%, 75.99% 97.23%, 75.47% 97.76%, 74.99% 98.18%, 74.51% 98.54%, 74.01% 98.87%, 73.49% 99.16%,
		73.05% 99.37%, 72.55% 99.57%, 71.95% 99.76%, 71.53% 99.86%, 71.2% 99.93%, 70.87% 99.98%, 70.55% 100%,
		29.45% 100%, 29.13% 99.98%, 28.8% 99.93%, 28.47% 99.86%, 28.05% 99.76%, 27.45% 99.57%, 26.95% 99.37%,
		26.51% 99.16%, 25.99% 98.87%, 25.49% 98.54%, 25.01% 98.18%, 24.53% 97.76%, 24.01% 97.23%, 23.63% 96.78%,
		23.3% 96.34%, 22.93% 95.77%, 22.32% 94.64%, 2.47% 54.94%, 2.1% 54.11%, 1.84% 53.35%, 1.67% 52.74%,
		1.53% 52.06%, 1.43% 51.36%, 1.37% 50.66%, 1.34% 49.94%, 1.38% 49.05%, 1.45% 48.47%, 1.55% 47.84%,
		1.69% 47.2%, 1.85% 46.65%, 2.11% 45.89%, 2.48% 45.06%, 22.56% 4.9%, 22.81% 4.43%, 23.07% 4%,
		23.5% 3.38%, 24.02% 2.76%, 24.54% 2.23%, 25.02% 1.81%, 25.5% 1.45%, 25.98% 1.14%, 26.32% 0.94%,
		26.89% 0.66%, 27.44% 0.44%, 28.06% 0.25%, 28.48% 0.15%, 28.89% 0.07%, 29.27% 0.03%, 29.68% 0%);
}