@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Caudex&display=swap');

@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, .themeDark {
	--bodyColor: #242527;
	--pColor:rgba(141, 161, 145, 1);
	--aColor:#74BA59;
	--aColorHover:#69D77A;
	--asideColor:rgba(141,188,148,1.00);
	--svgColor: rgba(33,56,37,1.00);
	--svgLightColor: #67916e;
	--shadow: rgba(0, 0, 0, .7);
}
.themeLight {
	--bodyColor:#AECFB3;
	--pColor: #222;
	--aColor:#704BB4;
	--aColorHover:#9579C7;
	--asideColor:#222;
	--svgColor:rgba(39, 48, 46, 1);
	--svgLightColor:#7ca182;
	--shadow: rgba(0, 0, 0, .4);
}
	.settings {
		position: fixed; top: 10px; right: 10px; width: 50px; height: 50px;z-index: 111;
		filter:brightness(127%)  contrast(120%) drop-shadow(0px -1px 0px rgba(155, 250, 198, 1)) drop-shadow(2px 3px 1px rgba(0, 0, 0, 1)) drop-shadow(3px 3px 2px rgba(0, 0, 0, 1));;
		transition: 0.3s;
	}	
	.settings:hover {
		filter:brightness(157%)  contrast(150%) drop-shadow(0px -1px 1px rgba(155, 250, 198, 1)) drop-shadow(2px 5px 1px rgba(0, 0, 0, 1)) drop-shadow(3px 5px 2px rgba(0, 0, 0, 1));;
		transition: 0.3s;
		cursor: pointer;
	}	
    html {
        height: 100%;
        scroll-behavior: smooth;
		overflow-x: hidden;
    }
    body {
		background-color: var(--bodyColor,#1F1F1F);
	}
	#indexFrame {
		width: 0px; height:515px;
		border: 0px;
		position: fixed;left: 0px;top:0px;z-index: 6;
		overflow: auto;
		overflow-x: hidden;
		transition:.5s ease;
		border-radius:0px 12px 11px 0px;
		box-shadow:0px 0px 6px 1px rgba(57, 191, 117, .5),0px 0px 20px 10px rgba(0, 0, 0, 0.77),inset 0px 0px 0px 20px #1F1F1F;
	}
	svg {
		position: absolute;z-index: -1;
	}
	.divHeader {
		display:flex;align-items: center;justify-content: center;
		filter: drop-shadow(3px 3px 2px var(--shadow));
	}
	.svgHeader {
		filter: url(#svgfilter) drop-shadow(3px 3px 2px var(--shadow));
	}
	header {
		font-family:"Lucida Calligraphy";
		color: rgba(33,56,37,1.00);
		letter-spacing:2px;
		font-size: 2.7em;
	}
	.svgHeaderAbort {
		color: rgba(89,153,99,1.00);
	}
    .openindex {
        position: fixed; top: 0px; left: 20px; width: 90px; height: 90px;z-index: 3;cursor: pointer;
    }
    .top{
		width:100%; height: 265px;position: fixed;top: 0px;left: 0px; z-index: 2;
		background-color: var(--bodyColor,#1F1F1F);
		filter:drop-shadow(0px 6px 3px var(--bodyColor,#242527));
		overflow-x: auto;overflow-y: hidden;
	}
    h1.h1 {
        padding-top: 1em;
        padding-bottom: 1em;
		font-size: 3em;
		letter-spacing: 1px;
	}
    h1, h2 {
		font-family: 'Lucida Calligraphy','LCALLIG';/*'Modern Antiqua',*/
		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: 2em;
        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;
    }	
	dl {
		font-family:Caudex;
		color: var(--pColor,#599963);
		max-width: 667px;
		margin: auto;
		text-align: justify;
		position:relative;top: 255px;z-index: 1;
	}
	dt {
		font-weight: bold;	color: var(--pColor,#599963);
		font-size: 1.3em;
		margin-top: 2em; margin-bottom: .7em;
		filter: drop-shadow(3px 3px 2px var(--shadow));
	}
	dd {
		font-size: 1.2em;
	}
    .letterHolder {
        left: 150px;
        right: 150px;
        position: fixed;
        top: 140px;
        height: 105px;
        z-index: 3;
        text-align: center;
    }
    .letterHolder a {
		filter: url(#svgfilter2) drop-shadow(3px 3px 2px var(--shadow)) brightness(190%) ;
		color:var(--svgColor);
		font-size: 1.8em;
		font-family: Caudex;
		font-weight:bold;
		margin-right: .5em;
		cursor: pointer;
        z-index: 4;transition:0.3s;
	}
	.letterHolder a:hover {
		filter:url(#svgfilter2) drop-shadow(3px 3px 2px var(--shadow)) brightness(120%) contrast(100%) ;top: -1px;transition:0.3s;
	}
	.center {
		text-align: center;
	}
	.divide {
		color:rgba(56,95,63,1.00);font-size: 3em; text-align: center; font-family: 'Lucida Calligraphy','LCALLIG';
		filter: url(#svgfilter) drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
	}
	.center {
		text-align: center;
	}
	.home {
		position: fixed; top: 5px; left: 5px;z-index: 3;width: 80px;height: 80px;
		filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
		transition: 0.3s ease;
	}
	.home:hover {
		filter: drop-shadow(3px 3px 2px var(--shadow)) brightness(120%) contrast(150%);
	}
	p, ol {
		color: var(--pColor, rgba(89,153,99,1.00));
		font-family:Caudex;
		font-size: 1.2em;
		max-width: 667px;
		margin: auto; text-align: justify;
	}
	.spacer {
		margin-top: 245px;
	}
	a {
		text-decoration: none;
		color:  var(--aColor,#74BA59);
		cursor: pointer;
		transition: 0.2s;
		display: inline-block;
		position: relative;
	}
	a:visited {
		color: #387A42;
		transition: 0.2s;
	}
	dt > a:hover, dd > a:hover {
		color:  var(--aColorHover,#69D77A);
		transition: 0.2s;
	}
dd > a:not(.exclude)::after{
  content: "";
  background-color: #2A9E3C;
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

dd > a:hover::after {
  transform: scaleX(1);
}
	.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: "Copyright \000A9 2018-2026 Edmund Wood; all rights reserved. \A Optimised for Chrome on PC. No tracking, no consents necessary.";white-space: pre;
	}  
.window-shadow-scroll{
	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);
}
.window-shadow-top{
	position: fixed;left:0px;top: 0px; width: 100%; z-index: 5;
	border-radius:0px 12px 11px 0px;
	box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.50);
}
.window-shadow-bottom{
	position: fixed;left:0px;bottom: 0px; width: 100%; 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 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; 
}