@font-face {
	font-family: tektur;
	src: url(/assets/fonts/tektur/static/Tektur-Regular.ttf) format(truetype);
}

body {
	background-color: black;
	font-family: monospace;
	height: 100dvh;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

main {
	background-color: white;
	margin: 0px auto;

	display: flex;

	flex-direction: row;
	flex-wrap: wrap;
	overflow: clip;
	justify-content: center;
	align-content: center;
	align-items: center;
	text-align: center;

	width: 80dvmin;
	height: 80dvmin;
}

h1 {
	font-family: tektur;
	font-size: 5dvmin;
	letter-spacing: 80%;
	margin-top: 0px;
}

.navigation {
	width: 80dvmin;
	height: 7.5dvmin;
	margin: 0px auto;
	/*margin-top: 7.5dvh;*/

	display: flex;
	flex-direction: row;

	font-family: tektur;
	font-size: 6dvmin;

	p {
		margin: 0px;
	}

	a:link, a:visited {
		color: darkgrey;
  		text-decoration: none;
  		display: inline-block;
	}

	a:hover, a:active {
		color: white;
	}

	.current {
		a:link, a:visited {
			color: #FF4151;
		}
		a:hover, a:active {
			color: white;
		}
	}
}