<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {cursor: text;}

.drop {
	margin-right:-10rem;  
	font-size:0.95rem; line-height:2.0rem; }
.drop span {display:none; }

.wendrop {
	margin-right:-10rem; white-space:pre-wrap; 
	font-size:3rem; line-height:2.0rem; 
}

#email {
	position:fixed; top:50%; left:7.14rem; margin-top:3.3rem;
	z-index:99; display:block;}
#email a { 
	font-size:1.5rem; text-decoration:none; 
	background:none; opacity:0.8; }
#email a:hover {opacity:1.0; }

/* color eraser
#xcolour {
	position:fixed; top:50%; left:6.8rem; margin-top:8.4rem;
	z-index:99; display:none; }
 */

#bigbg,
#clouds {
	position:absolute; top:0; right:0; bottom:0; left:0; }
#bigbg { z-index:-5; }
#clouds { z-index:-2; }


		/* #supr for imports
			NB z-indexes reserved: 
			99 nav text-adjust
			99 makelines readouts
			#col etc, 97-98
			hex and backgrounds 29-40;  
		*/
#supr {
	position:absolute; }

/*
#textadjust {
	position:fixed; top:50%; margin-top:-17.4rem; left:53rem;
	z-index:99; }
*/

	
/* container for text and navigation */
#alltext { 
	color:#FCFCFC;
	opacity:1.0; }

	
		/*  navigation */

a.dbl {background:#006655; padding:0.3rem 0.4rem;}

	/* links within text */
a.stlk {
	font-family:inherit; 
	font-size:inherit; 
	font-weight:inherit;
	text-decoration:none;
	padding:0 1px; 
	border-bottom:white 1px outset;}	
.stlk, a.stlk {
	background-color:#2C5B53;}	
	

/* removing underline: !important don't work on :visited ! */
a.nunu {border-bottom:none; background:0;}

#nav,
#navbg {
	position:fixed; top:50%; left:5.7rem;
	margin:-19.3rem 0 0 0;
	width:5.15rem;
	text-align:center;  
	overflow:hidden; }

#nav {
	height:16rem;
	padding:2rem 0 0 0; 
	z-index:99; }
#navbg {
	height:17.7rem;
	padding:2.86rem 0 0 0;
	border:#50565C 1px dotted; }
#navbg p {
	position:relative; top:13rem; }

/*  .navz 
	all p's in navigation div have this class, for hiding and showing 	*/
.navz {
	display:none; line-height:3.2rem;}

#navask,
#navask2 {
	line-height:3.6rem; }


a.navikon,
a#navbgikon  {
	font-family:sans-serif !important;
	font-weight:bold;  
	font-size:1.3rem;
	line-height:0rem;
	padding:0.1rem 0.15rem 0.15rem 0.1rem; }
	.win.gecko a.navikon {
		padding:0.15rem 0.2rem 0.15rem 0.1rem; }
	.mac.gecko a.navikon {
		padding:0.3rem 0.2rem 0.1rem 0.1rem; }
		
a#navbgikon	{ 
	opacity:0.3; position:relative; top:-2px; cursor:none; }


	/* text column */
#col, 
#colbg {
	position:fixed; top:50%; left:17.1rem;
	height:86rem; width:40rem;
	margin:-41.53rem 0 0 0;  }
#col{
	z-index:98; }
#colbg {
	z-index:97; }
#colbg img {
	opacity:0.05; background:#20282F; }


#loadtxt {
	padding:25.2rem 7.2rem 114rem 7.2rem; 
	z-index:98; }

#ikon {
	margin:0 1rem 0 0;
	font-family:sans-serif !important;  
	font-size:2rem; line-height:0rem;
	padding:0.1rem 0.1rem 0.1rem 0.1rem; }
	.win.webkit #ikon{
		padding:0.3rem 0.16rem 0.1rem 0.1rem; }
	.mac.gecko #ikon{
		padding:0.4rem 0.1rem 0.1rem 0.1rem; }


/*  links to generate hexagrams, and readout of 'coins' display:none; */
#makeline,  
#readout {
	position:fixed; top:50%; 
	z-index:99; }

#makeline {
	right:58.3rem; margin-top:-1.0rem; height:2.0rem; width:6rem; overflow:hidden; }
	 /* width:5rem; overflow:hidden; */
#makeline a {
	font:bold 0.8rem sans-serif; display:none; }

#readout { 
	margin-top:-0.74rem; right:26.67rem; width:8.59rem; }
	.win.webkit #readout {
	right:26.52rem; width:8.59rem; }

#readout span {
	font:bold 0.8rem sans-serif;}

.coin {
	display:none; }
#l3, #l2 {
	position:absolute; left:0; }
#r3, #r2 {
	position:absolute; right:0; text-align:right; }
#m3, #m2 {
	position:absolute; left:4.07rem; text-align:center; }


#shield,
#ya,
#yabrite {
	position:fixed; 
	top:50%; height:50.4rem; margin-top:-25.2rem;
	right:5.9rem; width:50.4rem; }
#shield {
	z-index:40; }
#ya {
	z-index:30; }
#yabrite 	{
	overflow:hidden; z-index:29; }
#yabrite img {
	width:100%; height:100%; }


		/*  container for hexes 
	position:fixed; top:50%; right:134px; 
	width:605px; height:605px;
	margin-top:-304px; 
	*/
#allhex {
	position:fixed; top:50%; right:9.93rem; 
	width:44.81rem; height:44.81rem;
	margin-top:-22.53rem; }

/*
	'CMU Typewriter Text' and 'Space Mono' require 'letter-spacing:-0.5px'.
	All others tested are happy with 'letter-spacing:-0.25px':
	'Andale Mono', Consolas, Courier, 'Courier New', Cousine, FreeMono, 'Liberation Mono', 
	'Lucida Console', Menlo, 'Noto Mono', 'Source Code Pro', 'Ubuntu Mono'
*/

.hex,
.hex2, 
.shadow {
	position:absolute;
	font:bold 23px monospace; 
	letter-spacing:0.25px;
	line-height:9px; 
	pointer-events:auto;}
/*  pointer-events:auto;   */

	/*  hexagrams in a grid	 */ 
.row1 {top:    0rem; }	.col1 {right:    0rem; }
.row2 {top: 5.56rem; }	.col2 {right: 5.56rem; }
.row3 {top:11.12rem; }	.col3 {right:11.12rem; }
.row4 {top:16.67rem; }	.col4 {right:16.67rem; }
.row5 {top:22.22rem; }	.col5 {right:22.22rem; }
.row6 {top:27.78rem; }	.col6 {right:27.78rem; }
.row7 {top:33.33rem; }	.col7 {right:33.33rem; }
.row8 {top:38.89rem; }	.col8 {right:38.89rem; }

/* 
test colour for mountain trigrams
.mt, .gen p {color:#3333FF; }
*/



/*  askagain hex colour2
@keyframes greyhex {
from {color:#777;}
to {color: black;}
}
.hexgrey {
  animation-name:greyhex;
  animation-duration:3s;
  animation-delay: 0.4s;  }
 
@keyframes blackhex {
from {color: white;}
to {color: black;}
}
.hexblk {
  animation-name: blackhex;
  animation-duration:3s;
  animation-delay: 3.4s;  }
 */


.hex {
	z-index:36; color:#060606; cursor:pointer; }
.hex2 {
	z-index:34; color:#C3C3C3; opacity:0; cursor:pointer; }
	/* color:#B3B3B3; */
.shadow {
	z-index:32; color:#777; opacity:0.3; }

		/* moving line markers   */
.add {
	color:inherit;
	position:relative; top:0.44rem; right:-1.33rem;
	display:block; opacity:0; font-family:sans-serif;
	font-weight:bold; font-size:0.74rem; 
	line-height:0; }
	/*	default is OSX Safari; Chrome Opera ok */
.mac.gecko .add {
		position:relative; top:0.50rem; right:-1.34rem; }
.win.gecko .add {
		position:relative; top:0.50rem; right:-1.34rem; }
.win.webkit .add {
		position:relative; top:0.52rem; right:-1.18rem; }
.win.ie .add {
		position:relative; top:0.52rem; right:-1.33rem; } 


		/*  hex numbers  and names */
.hN {
	position:absolute; top:4.89rem; left:-0.9rem; 
	width:4.9rem; text-align:center; 
	font:bold 0.89rem sans-serif; color:#D3D3D3;
	visibility:hidden; }

/* hexagram; name; bilingual text */
	/* hexagram */
.hexForm {
	position:fixed; top:50%;
	margin:-18.52rem 0 0 -2.67rem;
	font:bold 24px monospace; 
	letter-spacing:-0.25px;
	line-height:8px; }

/* name  */
.hexID {
	width:64px; margin:18px 0 0 -12px; 
	font:1.78rem/1.78rem serif;
	font-variant:small-caps;
	text-align:center; }
.hexID span { font-size:1.04rem;}	

/* 'first div ', 'regular div'  */
.SF, .S {font-style:oblique;}
.SF {margin:6.22rem 0 0 2.08rem;}
.S  {margin:1.78rem 0 0 2.08rem;}

/* 	css for div separation: toggle link for new spacing  was margin:42rem */
.spacer {margin:35rem 0 0 2rem;}

a.tog, a.tog:hover, 
a.togg, a.togg:hover {
	position:relative;
	font-size:2.6rem; 
	text-decoration:none; opacity:0.6;}
a.tog:hover, 
a.togg:hover {opacity:1; }

a.tog, 
a.tog:hover {top:5.33rem; }

a.togg, 
a.togg:hover {top:-0.44rem; }


/*	'place', 'line'  */
.Tpl, .Tln {
	font-style:normal; }
.Tpl {
	font-size:0.82rem; }
.Tln  {
	font-size:1.33rem; line-height:1.78rem; letter-spacing:0.15rem;}


/*  browse hex colour */
@keyframes whitehex {
	0% {color: black;}
	2% {color: white;}
	99% {color: white;}	}
.hexw {
  animation-name: whitehex;
  animation-duration:64s;
  animation-delay:0.2s; }



/* ends */</pre></body></html>