:root{/*variable storage*/	--graytext: #a5a5a5; 	--blacktext: #353535;	--linktext: #e641a0;	--grayborder: 2px solid #e1e1e1;	--blackborder: 2px solid #353535;	--commentboxdisplay: #212121;	--popoverbg: #F7DC6F;	--darkmodebgcommentinput: #008000;		}html{font-size: 16px;font-family: arial; padding: 0 5% 1% 5%;}/*COLUMNS FOR MEDIA SCREENS ******************************/@media only screen and (max-width: 5000px) { 		body {		font-size: 1.25em;		background-image: url('images/winterred.jpg');  		transition: 4s ease-in-out;		background-size: cover;		background-attachment: fixed;			background-color: black;				} 		body::-webkit-scrollbar{width: .5em;}		body::-webkit-scrollbar-track{background-color: var(--blacktext);}		body::-webkit-scrollbar-thumb{background-color: var(--graytext);}		.largescreenbg {		color: var(--graytext); 		background-color: rgba(0, 0, 0, .83);		/* background-color: rgba(250, 250, 250, .95); */		/* color: black; */		display: table;		width: 100%;		height: 100%;		margin: -20px 0 0 0;					border-radius: 1em;					}		nav{		width: 90%;		}		.tablecubes {/*table cells*/		display: table-cell;		padding: 0 .75em;		vertical-align:top;		color: inherit;		}		.tablecubes65 {		width: 65%;		display: table-cell;		padding: 60px 0 0 0;		}		.tablecubes65 h1 {		margin: -.25em 0 .50em -1.650em;		background-color: var(--blacktext);		color: #f7f7f7;		text-align: left;		border-radius: .25em 1em 1em .25em;		font-size: 1em;		padding: .5em 0 .5em 1.1em;		}		.tablecubesimg{		display: table-cell;		padding: .25em 0 0 0; 		text-align: center;		width: 150px;		}		.table-group {/*table structure*/		display: table;		width: 100%;		padding: 10px;				} 		.javafooter{		/* margin: 0 0 0 4%; */		padding: 0;		background-color: transparent;		border-radius: 0 0 1em 1em;		position: fixed; /*for IE 11*/		position: -webkit-sticky; /* Safari */		position: sticky;		top: 5%;		font-size: 1em;		}		.copyright-group{		display: table;		}		.copyrightdesktop{		display:table-cell; 		font-size: .8em;		text-align: left;		vertical-align: top;		}		.copyrightmobile{		display:none; 		} 		p {		margin: 2em 0;		}		}@media only screen and (max-width: 1000px) { /*javafooter has two columns*/		html{		padding: 0;		}		.largescreenbg{		display: block;		height: 100%;		box-shadow: 19px 20em 20em 0px rgba(0, 0, 0, 0.16), 0 0.3em 0.9em 0 rgba(0, 0, 0, 0.12);		}		nav{		width: 100%;		}		.table-group{		padding: 10px;		}		.main .tablecubes{/*for double row displays like in the index page*/		display: table-cell;		}		.tablecubes65, .tablecubes{ 		display: block;		width: 100%;		}		.tablecubesimg{width: 5em;}		.javafooter{		margin: .5%; 					} 		.copyrightdesktop{ 		display:none;		}		.copyrightmobile{		display:table-cell; 		vertical-align: top;} } @media only screen and (max-width: 550px) { 		 .largescreenbg {		background-color: rgba(0, 0, 0, .85);		}		body {		font-size: 1em;		}		img{width: 6em;		}		.comment-cardheader{			box-shadow: inset 0px 0px 0em 0px rgba(174, 173, 175, 0.15), inset 2px 0em 0em 0px rgba(255, 255, 255, 0.15);			}} /************End of media*************/ a {color: var(--linktext);cursor: pointer;text-decoration: underline;}a:hover{box-shadow: -5px 0.5em 0.5em 0 rgba(0, 0, 0, 0.16), 0 0.3em 0.9em 0 rgba(0, 0, 0, 0.12);text-decoration: underline;border-radius: .25em;}.adminname {    margin: 1em 0 .25em .25em;    color: var(--linktext);    font-weight: bold;}.adminreply{/*for admin replies content part*/color: inherit; margin: .25em;border-left: .20em solid var(--linktext);padding-left: 1em;} .bar {/*FOUND IN FOOTER/SIDEBAR*/color: white;background-color: var(--blacktext);text-align: center;margin: 3% 0;width: 100%;padding: .25em; font-size: .90em;box-shadow: -5px 0.5em 0.5em 0 rgba(0, 0, 0, 0.16), 0 0.3em 0.9em 0 rgba(0, 0, 0, 0.12);border-radius: 5px;}.sidelinks{  animation-name: sidelinks;  animation-duration: 5s;  animation-iteration-count: 10  }@keyframes sidelinks {  0%   {color: #fa0d90;}  25%  {color: #e70c85;}  50%  {color: #be0f6f;}  75% {color: #9b0d5b;}   100%  {color: #7141e6;}}button {/*[close panel] under comments*/color: var(--linktext); background-color: transparent;text-decoration: none;cursor: pointer;border: none;font-size: inherit;border-radius: 5px;}/*CARDS and ACCORDIONS ***********************************/.card{background-color:inherit;color: var(--graytext);font-family: inherit;font-size: inherit;margin: 0 -.25em;display: block; /*for IE display only*/}.card-body{box-shadow: 0 0 2em 5px rgba(174, 173, 175, 0.15), -2px -1em 4em 0px rgba(0, 0, 0, 0);color: var(--graytext);/*transition: 5s ease-in-out;  -- for slow changing of text*/padding: .75em .5em;background-color: inherit;}.card-body h2{font-size: .5em;margin: -.50em 0 0 0;display: none;}.card-body p .notes {top: -.75em;padding: .1em;font-size: .5em;margin-left: .1em;color: inherit;background-color: inherit;box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, 0), 0 .3em 1.2em 0 rgba(0, 0, 0, 0);text-decoration: underline;}.card-body p .notes:hover {text-decoration-line: underline;}.card-header{background-color: rgba(53, 53, 53, 0.78);color: var(--graytext);border-bottom: 1px solid rgb(0, 0, 0, .85);box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.05), 0 0 20em 0 rgba(0, 0, 0, 0.05);cursor: pointer;width: 100%;text-align: left;outline: none;       /*transition: .1s ease-in-out;   --the color transition*/padding: .5em .5em 0 .5em;margin: 1em 0 0 0;  /*delete if want to bring chapters closer together*/}.card-header a{color: white;}.card-header:before{content:"+";float: right;}/*END CARD AND ACCORDIONS*****************************/.commentboxdisplay {background-color: var(--commentboxdisplay);border: none;/* background-color: rgb(245, 245, 245); 					  *//* color: inherit; */padding: .075em .075em .075em .3em; font-size: 1em;word-wrap:break-word;border-radius: 5px;margin: .5em;font-family: inherit;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;       -moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}.commentboxdisplay p{	margin: .10em 1.25em; white-space: pre-line;}.comment-cardbody{padding: 0;}.darkmode .comment-cardheader{/*CHECK-----------------------*/background-color: rgba(35, 35, 35, 0.78);color: var(--graytext);border-bottom: 1px solid rgb(34, 33, 33, .85);text-align: left;width: auto;border-radius: 0 0 .5em .5em;margin: 0 0 1em 0;padding: 0 .5em;cursor: pointer; font-size: .75em;}		details {margin: 0;padding: 0;font-size: 1em;color: inherit;}.darkmode fieldset{ /*style for the form itself*/background-color: inherit;border: var(--blackborder);color:var(--graytext);margin: 1.25em 0 .65em 0;border-radius: .25em;padding: .65em;box-shadow: -7px 0.2em 0.5em 0 rgba(0, 0, 0, 0.16), 0 0.3em 0.9em 0 rgba(0, 0, 0, 0.12);height: 150%;}							.fontspanright{float: right; padding: 0 .25em 0 0}.fontspanleft{float:left; }.textomitted{ display:none; }.dots {text-align: center;} .right{text-align: right;}.left{text-align: left;}form{max-width: 1200em;text-align: left;}h1 {font-size:1.25em;text-align: left;width: 100%;padding: .25em .5em;box-shadow: -5px 0.5em 0.5em 0 rgba(0, 0, 0, 0.16), 0 0.3em 0.9em 0 rgba(0, 0, 0, 0.12);font-weight: normal;}h2 {font-size: 1em;padding: .1em 0 0 0;text-align: left;font-weight: bold;}h3{/*highlighted text in pink*/color: var(--linktext); font-weight: normal; margin: 1em 0 -1em 0;}.hovering{background-color: inherit; color: inherit;}img{width: 6em;margin: 5px;border-radius: 5px;/* border: 2px solid #ebebeb; */box-shadow: -5px 0.5em 0.5em 0 rgba(0, 0, 0, 0.16), 0 0.3em 0.9em 0 rgba(0, 0, 0, 0.12);}.imgfull img{border: 4px solid black; width: 100%}i {color: inherit; /*JUST FOR KICKS*/}.indent{margin: 0 20px;}.hidden{display: none}.spoiler{	background-color: black; color: black}.darkmode input[type=text], .darkmode textarea{/*style for the input boxes tied to text*/background-color: rgba(0, 0, 0, .85);border: var(--blackborder);color:var(--graytext);width: 100%;height: auto;padding: .3em .3em;font-family: inherit;font-size: inherit;/* margin-right: 1.25em; */}.darkmode input[type=submit] {border: none;text-decoration: none;cursor: pointer;background-color: var(--darkmodebgcommentinput);color: white;border-radius: .3em;width: 4.5em;text-align: center;padding: .3em;border-radius: .3em;box-shadow: -5px 0.5em 0.5em 0 rgba(0, 0, 0, 0.16), 0 0.3em 0.9em 0 rgba(0, 0, 0, 0.12);}/*NAV TAGS *****************************/nav{font-size: .9em;overflow: visible;background-color: rgba(0, 0, 0, .95);position: fixed;top: 0;z-index:1; margin: 0 -.40em 0 0;box-shadow: -5px 0.5em 0.5em 0 rgba(0, 0, 0, 0.16), 0 0.3em 0.9em 0 rgba(0, 0, 0, 0.12);border: 1px solid transparent;  padding: 1px;border-image: url('images/halfgalaxy1.jpg') 1 stretch;} nav ul {list-style-type: none;overflow: hidden;font-size: 1.1em;font-family: inherit;line-height: .25;height: 2.5em;}nav ul li {text-align: center; float: left; background-color: black;}nav ul li img{font-size: 1em}nav ul li a {    display: block;    text-align: center;    padding: 0;    text-decoration: none;    width: auto;    margin-top: 0;    color: #ebebeb;}nav ul li a:hover{color: white;text-decoration: none;}nav button{background-color: transparent;color: #ebebeb;font-size: .75em;border-radius: 5px;max-width: 11em;margin: 0 0 0 0;padding: 1em;}nav button:focus{outline: none;}.notes { /*ARCHIVES AND STORY BODY*/position: relative;display: inline-block;color: white;background-color: green; box-shadow: -5px 0.5em 0.5em 0 rgba(0, 0, 0, 0.16), 0 0.3em 0.9em 0 rgba(0, 0, 0, 0.12);border-radius: .15em .15em 0 0;padding: 0 .5em 0 .5em;}.noteblock{    color: #dddddd;    background-color: var(--blacktext);    margin: 1.5em;    padding: 1em;    font-size: .80em;    line-height: 110%;    border-left: .5em solid #ffc107;	}/*NOTATION TAGS & accordions / popovers ***************************/.popover { /*tablecubes65*/position:absolute;top:0;left:0;z-index:1060;display:block;background-color: var(--popoverbg);box-shadow: -5px 0.5em 0.5em 0 rgba(0, 0, 0, 0.16), 0 0.3em 0.9em 0 rgba(0, 0, 0, 0.12);max-width: 800px; /*initially had at 350px*/padding: 0 .25em .25em .25em;border-radius: .25em;z-index: 1;height: auto;    margin-left: .20em;font-size: inherit;font-style:normal;font-weight:400;line-height:inherit;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;/* letter-spacing:normal; */word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;word-wrap:break-word;} .popover-body{/*contents inside popover*/color: black;padding: .5em;font-size: .75em;font-family: inherit;background-color: var(--popoverbg);}.pubdata details{/*summary for publication for inline display*/display: inline;border: var(--blackborder);border-radius: 5px;padding: 0 1em;margin: 10px 0 0 0;}.pubdata summary {margin: 0;padding: 0;}.small, small{font-family: inherit;	}.small a, small a{font-family: arial;}strong{	color: var(--linktext);	font-weight: normal;	}summary{/*part of details*/background-color: inherit;color: var(--linktext);padding: .15em; border-radius: .25em;font-size: inherit;cursor: pointer;text-align: left;margin-bottom: 1em;/* list-style: none;  */text-decoration: underline;}/* summary::-webkit-details-marker { *//* display:none; *//* } */summary:focus{outline: none;}table, tr, td {background-color: inherit;color: inherit;font-size: inherit;font-weight: normal;text-align: left;vertical-align:top;}table {  table-layout: fixed ;  width: 100%;  }td {  width: 33% ;  }.text-muted{	padding-left: .25em;	}textarea.darkmode {height: 10em;}ul{padding-left: 0;}/*-------------------------------------------------------------------------------*/.updates {/*updates page*/    padding: .5em;}.darkmode input, optgroup, select, .darkmode textarea, label{width: 100%;}/*COLOR MODE*/body.lightmode{background-color: white;background-image: url('images/winterred.jpg');  }.lightmode .largescreenbg{background-color: rgba(250, 250, 250, .95);color: var(--blacktext);}.lightmode .card{ background-color: inherit;color: inherit;}.lightmode .card-body{	color: inherit;box-shadow: 0 0 2em 0 rgba(174, 173, 175, 0.15), -2px -1em 4em 0px rgba(0, 0, 0, 0);}.lightmode .card-header{background-color: rgba(255, 255, 255, .90);   color: inherit;	border-bottom: 1px solid rgba(0,0,0,.125);		}.lightmode .comment-cardheader{background-color: rgba(255, 255, 255, .90);   color: inherit;	border-bottom: 1px solid rgba(0,0,0,.125);text-align: left;width: auto;border-radius: 0 0 .5em .5em;margin: 0 0 1em 0;padding: 0 .5em;cursor: pointer; font-size: .75em;}.lightmode .commentboxdisplay{background-color: white; border-bottom: var(--grayborder); color: inherit;}.lightmode input[type=text], .lightmode textarea, .lightmode fieldset{background-color: inherit;border: var(--grayborder);border-radius: .25em;width: 100%;height: auto;padding: .3em .3em;font-family: inherit;font-size: inherit;}/*Bootstrap notestext-justify, text-center, text-left, text-right text-mutedtext-truncatePrevent text from wrapping with .text-nowrap For longer content,  add a .text-truncate class to truncate the text with an ellipsis. Requires display: inline-block or display: block.text positions.dots  .right  .left .textomitted // strong .fontspanright  .fontspanleft  (floating).indent.hidden*/