/*****
/*	FONTS
/*/

@font-face {
	font-family:	UnifrakturMaguntia;
	src:			url(UnifrakturMaguntia.ttf);
}
@font-face {
	font-family: Edwin;
	src: url(Edwin-Roman.otf);
	font-weight:normal;
	font-style:normal;
	ascent-override:110%;
	descent-override:32%;
	descent-override:38%;
}
@font-face {
	font-family: Edwin;
	src: url(Edwin-Bold.otf);
	font-weight:bold;
	font-style:normal;
	ascent-override:110%;
	descent-override:38%;
}
@font-face {
	font-family: Edwin;
	src: url(Edwin-Italic.otf);
	font-weight:normal;
	font-style:italic;
	ascent-override:110%;
	descent-override:30%;
	descent-override:38%;
}
@font-face {
	font-family: Edwin;
	src: url(Edwin-BdIta.otf);
	font-weight:bold;
	font-style:italic;
	ascent-override:110%;
	descent-override:38%;
}

/*****
/*	COLORS
/*/

:root {
	--color-lime:					rgba(229,231,36,1);
	--color-lime:					rgba(210,213,33,1);

	--color-lime-opacity-20:		rgba(210,213,33,0.2);

	--color-dark-green:				hsl(167deg 92% 7%);
	--color-dark-green:				rgba(1,34,27,1);
	--color-dark-green:				rgba(15,75,35,1);
	--color-dark-green:				rgba(10,51,24,1);
	--color-dark-green:				rgba(10,50,25,1);
	
	--color-dark-green-opacity-50:	rgba(10,51,24,0.5);

	--color-dark-green-opacity-25:	rgba(1,34,27,0.25);
	--color-dark-green-opacity-25:	rgba(15,75,35,0.25);
	--color-dark-green-opacity-25:	rgba(10,51,24,0.25);
	
	--color-dark-green-opacity-20:	rgba(10,51,24,0.2);
	
	--color-dark-green-transparent:	rgba(10,51,24,0);
	
	--color-green:					rgba(115,130,85,1);
	
	--color-eggshell:				rgba(237,233,213,1);
	--color-eggshell:				rgba(250,250,225,1);
	--color-eggshell:				rgba(235,235,215,1);
	
	--color-eggshell-opacity-50:	rgba(235,235,215,0.5);

	--color-eggshell-transparent:	rgba(237,233,213,0);
	--color-eggshell-transparent:	rgba(250,250,225,0);
	--color-eggshell-transparent:	rgba(235,235,215,0);

	--color-eggshell-darker:		rgba(224,218,184,1);
	--color-eggshell-darker:		rgba(229,231,36,1);		/* same as --color-lime */
	--color-eggshell-darker:		rgba(210,213,33,1);		/* same as --color-lime */
	
	--ease-in-quad:		cubic-bezier(0.11, 0, 0.5, 0);
	--ease-out-quad:	cubic-bezier(0.5, 1, 0.89, 1);
	--ease-in-out-quad:	cubic-bezier(0.45, 0, 0.55, 1);
}

html,
body {
	margin:				0;
	padding:			0;
	height:				100%;
	width:				100%;
	/* background-color:	var(--color-dark-green); */
	/* color:				var(--color-eggshell); */
	/* font-family:		Edwin,sans-serif; */
}
body.overflow-y-hidden {
	overflow-y:	hidden;
}
input,
textarea,
button,
select,
a,
* {
    -webkit-tap-highlight-color: transparent;
}




/*****
/*	LOGO
/*/
@keyframes logo-color-cycle {
	from {	color:	var(--color-1);	}
	to {	color:	var(--color-2);	}
}
svg#spwdb-logo {
	--color-1:	#000000;
	--color-2:	#808080;
	color:		var(--color-1);
	pointer-events:	none;
}
svg#spwdb-logo g#spwdb-logo-part-dot,
svg#spwdb-logo g#spwdb-logo-part-e {
	--color-1:	#808080;
	--color-2:	#000000;
	color:		var(--color-1);
}
svg#spwdb-logo:hover g#spwdb-logo-part-dot,
svg#spwdb-logo:hover g#spwdb-logo-part-e,
svg#spwdb-logo:hover g#spwdb-logo-part-i,
svg#spwdb-logo:hover g#spwdb-logo-part-caron,
svg#spwdb-logo:focus g#spwdb-logo-part-dot,
svg#spwdb-logo:focus g#spwdb-logo-part-e,
svg#spwdb-logo:focus g#spwdb-logo-part-i,
svg#spwdb-logo:focus g#spwdb-logo-part-caron,
svg#spwdb-logo:active g#spwdb-logo-part-dot,
svg#spwdb-logo:active g#spwdb-logo-part-e,
svg#spwdb-logo:active g#spwdb-logo-part-i,
svg#spwdb-logo:active g#spwdb-logo-part-caron {
	animation:	logo-color-cycle 1.2s linear alternate infinite;
}