@charset "utf-8";
@font-face {
	font-family: 'CALISTOMT';
	src: url('/css/CALIST.ttf') format('truetype');
}
@font-face {
	font-family: 'LCALLIG';
	src: url('/css/LCALLIG.ttf') format('truetype');
}
:root {
  --doc-bg-color: #242527;
}
	body {
		overflow-x: hidden;
		background: #242527;
		scroll-behavior: smooth;
	}
	svg {
		position: absolute;
	}
	.svgHeader {
		filter: url(#svgfilter);
		font-size: 3.5em;
	}
	.svgHeaderAbort {
		font-size: 3.5em;
		color: rgba(89,153,99,1.00);
	}
	.svgSubHeader {
		filter: url(#svgfilter);
		font-size: 2.5em;
	}
	.svgSubHeaderAbort {
		color: rgba(89,153,99,1.00);
		font-size: 2.5em;
	}
	header {
		font-family:"Calisto MT";
		color:rgb(105, 112, 83);
		letter-spacing:0px;
		font-size: 3em;
	}
	.svgLink {
		filter: url(#svgfilter);
		font-size: 2em;
		padding: .1em;
	}
	.svgLink > a {
		color:rgba(66,117,75,1.00);
	}
	.svgLink > a:hover {
		color: rgba(89,153,99,1.00);
	}
	.svgLinkAbort {
		color: rgba(89,153,99,1.00);
		font-size: 2em;
	}
	.title {
		display:block;margin: 0 auto;
		margin-bottom: 2em;
		filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, .8)) ;
	}
	.title2 {
		height: 50px; width: 600px;
		display:block;margin: 0 auto;
		text-align: center;
		padding: 5px;
	}
	.subtitle {
		display:block;margin: 0 auto;
		font-size: 2em;
		color: #957C61;
		text-shadow:0px 2px 3px rgba(23, 54, 37, 1),1px 1px 0px rgba(10, 31, 19, 0.98),0px -1px 0px rgba(98, 237, 160, 1);
	}
	.divide {
		font-size: 3em; text-align: center; font-family: 'Lucida Calligraphy', 'LCALLIG';
		color: #957C61;
	}
	.pulldown{
		transition:.5s ease;
	}
	.pulldown:hover{
		cursor: pointer;
		filter:brightness(121%)  ;
	}
	a {
		text-decoration: none;
		color: #74BA59;
		cursor: pointer;
	}
	a:hover {
		color: #69D77A;
	}
	div {
		text-align: center;
	}
	div > p {
		text-align: center;
	}
	p {
		color: #71AB7A;
		font-family: 'Calisto MT', "CALISTOMT";
		font-size: 1.2em;
		max-width: 667px;
		margin: auto;
		text-align: justify;
	}
	a > img:hover {
		filter:hue-rotate(41deg) brightness(104%) contrast(192%);
	}
	.vidbtn:hover {
		filter: drop-shadow(2px -1px 0px rgba(65, 168, 111, 1)) drop-shadow(-1px 1px 0px rgba(0, 0, 0, 1));
	}
	.gatepart{
		filter:hue-rotate(185deg) invert(86%) ;
	}
	.asterpart {
		filter:invert(86%) opacity(86%) hue-rotate(184deg) drop-shadow(0px 9px 4px rgba(0, 0, 0, 1));
	}
	.footer {
		position: relative; bottom: 5px; text-align: center;
		padding-top: 5em;
		padding-bottom: 2em;
		font-family: Garamond;
		font-size: 1em;
	}
	.footer::after {
		content: "Copyright \000A9 2018-2019 Edmund Wood; all rights reserved";
	}  
.scrollShadow{
	width: 20px;position: absolute;right: -21px;top: 0px; z-index: 5;
	border-radius:0px 12px 11px 0px;
	box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.50);
}
::-webkit-scrollbar {
  width: 20px;
}
::-webkit-scrollbar-track {
	box-shadow:inset 0px 0px 3px 0px rgba(57, 191, 117, 1);
	border-radius: 10px;
	background:rgba(0, 0, 0, .1);
}
::-webkit-scrollbar-thumb {
	box-shadow:inset 0px -2px 2px 0px rgba(9, 33, 20, 1),inset 1px -1px 2px 0px rgba(55, 191, 116, 0.46),inset 0px -1px 7px 6px rgba(0, 0, 0, 1),inset 2px 9px 6px 4px rgba(57, 191, 117, 1);
	background:rgb(85, 85, 85);
	border-radius:20px;
	transition:.5s ease;
}
::-webkit-scrollbar-thumb:hover {
  background: #888; 
}
::-webkit-scrollbar-corner {
  background: #222; 
}