@charset "UTF-8";
/* CSS Document */

body{
	background-color: red;
	font-family: 'Inknut Antiqua' ;
	margin:0px;
	padding:0px;
	font-size:2vw;
	overflow:scroll;
	
}

.sticky {

  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: red;
z-index: 2;
  
}
.stickywhite {

  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: ghostwhite;
z-index: 2;
  
}
	#scrollholder{
		position:relative;
	}

#header{
	text-align: center;
	display: block;
	margin: 0px;
	padding:0px;
	top:0px;
	width:100%;	
	z-index: 8;
}
#center{
	text-align: center;
	margin:0px;
	padding:0px;
	
}
.tobecenetered{
margin: 0;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
	
}

#menu{
	font-size:3vw;
	line-height: 1.5;
	text-align: right;
	position: absolute;
	right:-0.6%;
	top:50%;
	z-index:5;
}
#menu1{
	display: inline-block;
	line-height: 1.3em;
	font-size: 2vw;
	text-align: right;
	float:right;
	position: relative;
	right:-0.4%;
	top:0px;

}
#menu3{
	line-height: 1.5;
	font-size: 2vw;
	text-align: left;
	position: relative;
	margin-left:-0.6%;
	margin-top:15%;

}
a.plane:link {
	
	padding: 0px;
	margin: 0px;
  	color: black;	
	font-family: 'Inknut Antiqua' ;
	text-decoration:underline;
	font-weight: 900;	
}
a.red:link {
	display:inline-block;
	padding: 0px;
	margin: 0px;
  	color: red;	
	font-family: 'Inknut Antiqua' ;
	text-decoration: none;
	font-weight: 900;	
}
/* visited link */
	a.red:visited {
  	color: red;
	font-family: 'Inknut Antiqua', serif;
	text-decoration: none;
	font-weight: 900;
	
}

/* mouse over link */
	a.red:hover {
	display:inline-block;
  	color: red;
	font-family: 'Inknut Antiqua' ;
	text-decoration: none;
	font-weight: 900;
	background-color: #4effcf;
	
}

/* unvisited link */
	a:link {
  		color: #4effcf;
		display:inline-block;
		font-family: 'Inknut Antiqua' ;
		text-decoration: none;
		font-weight: 900;

	
}

/* visited link */
a:visited {
	display:inline-block;
  color: #4effcf;
	font-family: 'Inknut Antiqua' ;
	text-decoration: none;
	font-weight: 900;
	
	
}

/* mouse over link */
a:hover {
	
  color: red;
	font-family: 'Inknut Antiqua' ;
	text-decoration: none;
	font-weight: 900;
	background-color: #4effcf;
	
}

.large{
	
	font-family: 'Inknut Antiqua' ;
	font-size:4vw;
	color: #4effcf;
	font-weight: 900;
}
.uplarge{
	position: relative;
	top:0em;
	line-height: 1.5;
	font-family: 'Inknut Antiqua' ;
	font-size: 4vw;
	color: #4effcf;
	font-weight: 900;
	
}

.titleholder{
	margin:10% 1% 1% -0.55%;
	width:100%;
	line-height: 1.5;
}
.largered{
	font-family: 'Inknut Antiqua' ;
	font-size: 3vw;
	color: red;
	font-weight: 900;
	line-height: 1.2;
	word-break: break-word;
}
.aligncenter{
	margin-top: -1.2em;
	padding-left:2em;
}
.scrollingcontent{
	font-size: 1.3em;
	width: 84%;
	height: 99%;
	padding-top:25%;
	overflow: scroll;
	padding-left:1%;
	padding-right:15%;
	margin-bottom: 20%;
	position: absolute;
	z-index:6;
	
}
.scrollingfieldguide{
	font-size: 1.3em;
	width: 60%;
	height: 73%;
	margin-top:25%;
	overflow: visible;
	padding-left:30%;
	padding-right:10%;
	position: absolute;
	z-index:2;
	font-family: 'Amaranth', sans-serif;
	color: ghostwhite;
}
.aboutpara{
	font-family: 'Amaranth', sans-serif;
	margin: 5%;
	color: ghostwhite;
}
.projectpara{
	margin: 2% 5% 2% 5%;
	line-height:1.3em; 
	font-family: 'Amaranth', sans-serif;
	color: black;
}
.title{
	position:absolute;
	float: left;
	text-align: left;
	font-family: 'Inknut Antiqua',serif ;
	
	padding-left:1em;
}
.fieldmenu{
	position:absolute;
	float: left;
	text-align: left;
	font-family: 'Inknut Antiqua',serif ;
	line-height: 1.5em;
	padding-left:1em;
	margin-top:6em;
	
}
.fieldmenu1{
	position: -webkit-sticky;
	position:sticky;
	height:125vh;
	top:16%;
	float: left;
	text-align: left;
	font-family: 'Inknut Antiqua',serif ;
	line-height: 1.5;
	overflow-y:auto;
	margin: 5% 2% 5% 1%;
	padding-right: 2%;
	
	
}
.fieldcontent{
	margin:1% 4% 1% 27%;
	font-size: 2vw;
	line-height: 1.5;
	font-family: 'Amaranth', sans-serif;
	color: ghostwhite;
	
}