@charset "utf-8";
:root, .themeDark {
	--bodyColor: #2a2a2a;
	--pColor:#999;/*rgba(89,153,99,1.00);*/
	--aColor:rgba(155,185,143,.7);/*#BFBFBF*/
/*
	--bodyColor: #2a2a2a;
	--pColor:rgba(89,153,99,1.00);
	--aColor:#74BA59;
*/
	--aColorHover:#A2D3AA;
	--asideColor:rgba(141,188,148,1.00);
	--svgColor: rgb(105, 112, 83);
	--svgLightColor: #67916e;
}
	body {background-color: #242527;}
	td {
		text-align: center;
		font-size: 1.1em;
	}
	table {
		margin: 0 auto;
	}
   h1.h1 {
        padding-top: 1em;
        padding-bottom: 1em;
		font-size: 3.5em;
        font-weight: 600;
		letter-spacing: 1px;
	}
    h1, h2, h3 {
        font-family: 'CALISTOMT';
		filter:url(#svgfilter)  brightness(116%) contrast(96%) drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
		color:rgba(33,56,37,1.00);
        text-align: center; 
        margin: 0;
        padding: 0;
        font-size: 100%;
        font-weight: normal;
	}
    h2.h2 {
		font-size: 2.5em;
        padding: 1em;
		letter-spacing: 1px;
	}
    h1.seo-h1 {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        padding: 0;
        white-space: nowrap;
        clip-path: inset(100%);
        clip: rect(0 0 0 0);
        overflow: hidden;
    }
    h3 {
 		position: relative;padding-left: 50px;
        max-width: 667px;margin: auto;
		filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
        text-align: left;
    }
   h1.h1 {
        padding-top: 1em;
        padding-bottom: 1em;
		font-size: 3.5em;
        font-weight: 600;
		letter-spacing: 1px;
	}
    h1, h2, h3 {
        font-family: 'CALISTOMT';
		filter:url(#svgfilter)  brightness(116%) contrast(96%) drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
		color:rgba(33,56,37,1.00);
        text-align: center; 
        margin: 0;
        padding: 0;
        font-size: 100%;
        font-weight: normal;
	}
    h2.h2 {
		font-size: 2.5em;
        padding: 1em;
		letter-spacing: 1px;
	}
    h1.seo-h1 {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        padding: 0;
        white-space: nowrap;
        clip-path: inset(100%);
        clip: rect(0 0 0 0);
        overflow: hidden;
    }
    h3 {
 		position: relative;padding-left: 50px;
        max-width: 667px;margin: auto;
		filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
        text-align: left;
    }
	.heading > a {
		color: rgba(83, 115, 88, 0.92);
		font-size: 1.5em;
	}
	.heading {
		text-shadow:rgb(0, 0, 0) 1px 1px 3px;
		filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 1));
	}
	.heading > a:hover {
		color: #69D77A;
	}
	.subHeading {
		color: #599963;
		font-size: .8em;
	}
	a {
		color: #44934D;
	}
	.divide {
		cursor: pointer;
		font-size: 1.3em;
		width:50px;
		color:#44934D;
		transition: 0.3s;
	}
	.divide:hover {
		color:yellow;
		transition: 0.3s;
	}
	svg {
		position: absolute;z-index: -1;
	}
	.svgLink {
		cursor: pointer;
		color:rgba(33,56,37,1.00);
		transition: 0.3s;
		filter: url(#svgfilter);
		font-size: 1.7em;
		padding: .3em;
        text-align: center;
	}
	.svgLink:hover {
		color:rgba(66,117,75,1.00); 
		transition: 0.3s;
	}
	.svgLinkAbort{
		font-size: 1.7em;
		padding: .3em;
		color: rgba(89,153,99,1.00);
	}
	.svgLink > a {
		color: var(--svgColor,rgba(33,56,37,1.00));
		transition: 0.3s;
	}
	.svgLink > a:hover {
		filter:brightness(71%);
		transition: 0.3s;
	}
	.divHeader {
		display:flex;align-items: center;justify-content: center;
		filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));	}
	.svgHeader {
		filter: url(#svgfilter);
		color:rgba(33,56,37,1.00);
        text-align: center;
	}
	.svgSubHeader {
		filter: url(#svgfilter);
		color: var(--svgColor,rgba(33,56,37,1.00));
		font-size: 2.5em;
	}
	.svgHeaderAbort {
		color: rgba(89,153,99,1.00);
	}
	.cssHeader {
		color:rgba(102, 63, 63, 1);
		text-shadow:0px -2px 0px rgba(49, 122, 82, 1),4px 2px 8px rgba(0, 0, 0, 1),0px 1px 7px rgba(42, 92, 65, 1),0px -2px 3px rgba(161, 152, 87, 1);
		filter:brightness(120%)  contrast(153%)  sepia(84%)  ;
	}
	header {
		font-family: "Callisto MT", 'LCALLIG', 'Lucida Calligraphy','LCALLIG';
		color: var(--svgColor,rgba(33,56,37,1.00));
		letter-spacing: 1px;
		font-size: 3em;
	}
	p, ol {
		color: var(--pColor, rgba(89,153,99,1.00));
        font-family: "Philosopher", serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.3rem;
        line-height: 1.3;
		max-width: 667px;
		margin: auto;
		text-align: justify;
	}
	a {
		text-decoration: none;
		color:  var(--aColor,#74BA59);
		cursor: pointer;
		transition: 0.2s;
	}
	a:hover {
		color:  var(--aColorHover,#69D77A);
		transition: 0.2s;
	}
	div > p {
		font-family: "Lucida Calligraphy";
		font-size: 1em;
		text-align: center;
		color: var(--asideColor, rgba(141,188,148,1.00));
	}
	.start2 {
		display:block;margin: 0 auto; width: 80px; height: 80px;z-index: 3;
		filter:contrast(117%);
		transition: 0.4s;
	}
	.start2:hover {
		filter:contrast(128%) brightness(143%) hue-rotate(239deg) drop-shadow(2px 6px 3px rgba(0, 0, 0, 1)) drop-shadow(0px -4px 8px rgba(38, 117, 73, 1));
		transition: 0.4s;
	}
.cross {
	display:block; margin:auto; 
	transition:.5s ease;
	filter:brightness(62%) contrast(122%) drop-shadow(0px -3px 1px rgba(0, 0, 0, 1));
}
.cross:hover {
	filter:brightness(52%) contrast(122%) drop-shadow(0px -3px 1px rgba(0, 0, 0, 1)) drop-shadow(0px -3px 10px rgba(57, 191, 117, 1));
}
.corners {
	position: absolute;
	z-index: -1;
	filter:brightness(126%) contrast(153%) drop-shadow(0px 1px 1px rgba(55, 191, 116, 0.43)) drop-shadow(10px 3px 2px rgba(0, 0, 0, 1));
}
	.svgFilter2 {
		filter: url(#svgfilter2);
		font-size: 3.5em;
		text-decoration: none;
	}
	.svgFilter2 > a {
		color:rgba(33,56,37,1.00);
	}
	.svgLinkAbort{
		text-shadow:rgb(11, 26, 18) -1px -3px 5px, rgb(17, 41, 28) -2px -2px 4px, rgb(48, 173, 104) -3px -2px 3px;
		font-size: 3.5em;
		color: #589661
	}
.index {
	position: absolute; top: 5px; left: 5px; width: 80px; height: 80px;z-index: 3;
	transition: 0.4s ease;
	filter:contrast(117%);
}
.index:hover {
	filter:contrast(128%) drop-shadow(0px -4px 8px rgba(38, 117, 73, 1)) brightness(143%) hue-rotate(239deg) drop-shadow(2px 6px 3px rgba(0, 0, 0, 1));
}
.private {display: none;}
img ~ a {transition:none;}
.siteSection {
	background-color: #222; max-width: 667px; margin: 0 auto;position: relative;display: block;
	border-radius:100px;
	background:rgba(34, 21, 43, 0.27);
	box-shadow:0px 0px 3px 2px rgba(55, 191, 116, 0.09),inset 0px 0px 3px 0px rgba(79, 161, 116, 0.7),0px 0px 14px 13px rgba(0, 0, 0, 0.41),inset 0px 0px 6px 4px rgba(0, 0, 0, 0.44);
}
.headlight {filter: brightness(150%)}
.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);
}
	.footer {
		position: relative; bottom: 5px; right:0px;
		padding-top: 5em;
		padding-bottom: 2em;
		font-family: Garamond;
		font-size: 1em;
		text-align: center;
	}
	.footer::after {
		content: "Optimised for Chrome on PC. No tracking; no consents necessary. \A Copyright \000A9 2018-2026 Edmund Wood; all rights reserved.";white-space: pre;
	}  

::-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;
}
::-webkit-scrollbar-thumb:hover {
  background: #888; 
}