*, html, body {
	box-sizing:		border-box;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
}

body {

	font-family:		arial;

	background-color:	black;
	background:		transparent linear-gradient(135deg, #A7CFDF 6%, #6B7989 33%, #6B7989 63%, #A7CFDF 95%) repeat fixed 0% 0%;

	color:			white;

}

body a, body a:visited {
	color:		white;
}


.anchor {
	position:	absolute;
	border:		0px solid red;
	top:		-200px;
	left:		0px;
	right:		0px;
	bottom:		0px;
	/*
	height:		0px;
	*/
	overflow:	visible;
	color:		red;
	z-index:	-1;
}

div.pages {
	display:		flex;
	overflow-x:		scroll;
	scroll-snap-type:	x mandatory;
	scroll-behavior:	smooth;
}

article.page-container {

	position:		relative;

	/*
	margin-top:		-10vh;
	padding-top:		10vh;
	*/

	min-width:		100vw;
	min-height:		100vh;

	font-size:		large;

	border:			0px solid red;

	scroll-snap-align:	start;
}

article section, article section div, article p {
	padding:	8px;	
}

article p div {
	padding:	4px;	
}


.page-container a {
	font-size:	large;
}


.page-container div.content {
	width:		90vw;
	min-height:	70vh;
	margin-left:	auto;
	margin-right:	auto;
	border:		0px solid blue;
	overflow:	auto;

	background:	transparent linear-gradient(135deg, #A7CFDF 6%, #6B7989 33%, #6B7989 63%, #A7CFDF 95%) repeat fixed 0% 0%;
	color:			white;


	-webkit-box-shadow: 0px 0px 8px 0px rgba(45, 52, 79, 0.68);
	-moz-box-shadow:    0px 0px 8px 0px rgba(45, 52, 79, 0.68);
	box-shadow:         0px 0px 8px 0px rgba(45, 52, 79, 0.68);

	border-radius:	10px;

	padding:	8px 8px 8px 8px;
}


:target {
	color:		red;
	font-size:	x-large;
}

nav.menu {
	position:	sticky;
	top:		0px;

	/*
	height:		10vh;
	*/

	/*
	margin-top:	0px;
	padding-top:	0px;
	*/
	width:		100vw;
	border:		0px solid yellow;

	font-size:	large;
	z-index:	1;
	text-align:	center;
}

.menu a, .menu:visited {
	color:		white;
}

.menu a {
	display:	block;
	border:		0px solid red;
	padding-left:	1.5vw;
	padding-right:	1.5vw;

	padding-top:	0.5vw;
	padding-bottom:	0.5vw;
}

.menu ul {
	padding-top:		2vh;
	padding-bottom:		2vh;

	display:		flex;
	justify-content:	center;
	align-items:		center;
	flex-wrap:		wrap;

	border:		0px solid red;
}

.menu ul li {
	border:			0px solid red;
	display:		block;
	/*
	background-color:	#806E6E5C;
	background:		transparent linear-gradient(135deg, #A7CFDFA0 6%, #6B7989A0 33%, #6B7989A0 63%, #A7CFDFA0 95%) repeat fixed 0% 0%;
	*/
	background-color:	#6B7989A0;
}

div.container {
	margin-top:	8px;
	margin-bottom:	8px;
	margin-left:	8px;
	margin-right:	8px;
}

div.container>div {
	margin-top:	8px;
	margin-bottom:	8px;
}

div.container>div>div {
	margin-top:	8px;
	margin-bottom:	8px;
}

div.fields {
	border-bottom:	1px solid white;
}

div.fields>div {
	overflow:	hidden;
}

div.fields>div>div {
	float:		left;
	width:	30%;
}

div.fields>div>div.block {
	float:		none;
}

div.fields>div>div+div {
	float:		left;
	width:		65%;
}


div.about>div {
	overflow:	hidden;
	border:		0px solid blue;
	text-align:	center;
}


div.about>div>div {
	display:	inline-block;
	width:		300px;
	height:		300px;
	border:		0px solid red;
	margin-left:	4px;
	margin-right:	4px;
	margin-top:	4px;
	margin-bottom:	4px;
	background-color:	black;
}


div.about>div>div>div.caption {
	position:	static;
	border:		0px solid white;
	margin-top:	60%;
	margin-left:	20%;
	font-size:	xx-large;
}