body {
		background-color: black; overflow: hidden;
	}
	#viewer {
		min-height: 100%; 
		cursor: pointer;
		display:flex;align-items: center;justify-content: center;
	}
	#viewer img {
		transition: opacity 1s ease-in-out;
		opacity:0;
		height: 100%;
		position:absolute;top:0px;
	}
	#viewer img.opaque {
		opacity:1;
	}
	#indexFrame {
		background-color: #36332E;height: 100%;border: 0px;
		box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
	}
	.fullscreen {
		position: fixed;top: 5px;right: 8px;z-index: 12;opacity: .5;
		transition: 0.3s ease;
		filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 1)) drop-shadow(1px 1px 5px rgba(0, 0, 0, 1));
		
	}
	.fullscreen:hover {
		transition: 0.3s ease;
		filter:brightness(123%);
		cursor: ne-resize;
	}
	.mouseWayLeft {
		 height: 100%; width: 50%; cursor:url("../../images/leftcursor.png"), pointer; position: absolute; left:0px;z-index: 1;
	}
	.mouseWayRight {
		 height: 100%; width: 50%; cursor: url("../../images/rightcursor.png"), pointer; position: absolute; right: 0px;z-index: 1;
	}
	.imgList {
		width: 350px; left:7px; top:5px; position: relative;
		border-radius: 5px; cursor: pointer;
	}
	.initIndex{
		height: 100%;
	}
	td {
		text-align: center;
		color: #74BA59;
	}
	table {
		margin: 0 auto;
	}
    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;
    }	
	.heading {		
		filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 1));
	}
	.heading > a {
		color: rgba(83, 115, 88, 0.92);
		font-size: 1.5em;
		transition: 0.3s;
	}
	.heading > a:hover {
		color: #69D77A;
		transition: 0.3s;
	}
	.svgSubHeader {
		filter: url(#svgfilter);
		color: var(--svgColor,rgba(33,56,37,1.00));
		font-size: 2.5em;
	}
	.svgHeader {
		filter: url(#svgfilter);
	}
	svg {
		position: absolute;z-index: -1;
	}
	hr {
		box-shadow:0px -1px 3px 0px rgba(55, 191, 116, 0.83),0px 2px 4px 1px rgba(0, 0, 0, 0.89);
		border-top: 1px solid rgba(57, 191, 117, 1);
		border-bottom: 1px solid black;
	}
	#infoPane {
		position: absolute;right:0px;bottom:0px; width:0px;height: 0px;z-index: 3;
		background-color: #36332E;	transition: 0.3s;
		box-shadow:-1px -1px 3px 0px rgba(0, 107, 48, 1),0px 0px 11px 10px rgba(0, 0, 0, 0.62),inset 1px 1px 0px 1px rgba(59, 103, 105, 0.77),inset 2px 3px 10px 3px rgba(0, 0, 0, 0.86);
		border-radius:16px 0px 0px;
		overflow-y: auto; 
	}
	.initInfo {
		position: absolute;right:20px;bottom:20px; width:45px;height: 45px;z-index: 3;
	}
	#miniInfo {
		position: absolute; left:323px; top:600px; width:35px; height: 35px; z-index: 3; opacity: 1; cursor:help;
	}
	cite::before {
		content: "Image credit: ";
		 white-space: pre;
	}
	cite > a{
		font-family: "Garamond";
	}
	cite{
		font-size: 1em;
		color: rgba(141,188,148,.6);
		padding:0px;
		display:flex;align-items: center;justify-content: center;	
	}

	.text {
		font-size: 1em;
		padding: 1em 1.5em .5em;
	}
	.data {
		font-size: 1em;
	}
	gr {
		font-size: 1em;
	}
	.galaxies{
		box-shadow:inset 0px 0px 7px 1px rgba(69, 173, 116, 0.64),0px 2px 10px 0px rgba(3, 5, 5, 1);
		border-radius:31px;
	}
	.video {
		box-shadow:inset 0px 0px 7px 1px rgba(69, 173, 116, 0.64),0px 2px 10px 0px rgba(3, 5, 5, 1);
		border-radius:31px;
	}
	.imgswap {
		box-shadow:0px 2px 10px 0px rgba(3, 5, 5, 1);
		border-radius:31px; cursor: pointer;
	}