@charset "UTF-8";

body {
	background-color :  #000000;
	margin :  0px;
	padding :  0px;
}
.essay {
	position : absolute;
	font-family : sans-serif;
	font-size : .9em;
	color : #AAAAAA;
}
.essay a {
	color : #FFFFFF;
	text-decoration : none;
}
.labeltext {
	position :  absolute;
	font-family :  sans-serif;
	font-size :  3em;
	font-weight :  100;
	color :  #eaeaea;
	text-transform :  uppercase;
}
#nav {
	position : fixed;
	height : 40px;
	width : 100%;
	background-color : black;
	top : 0;
	border-bottom : 1px solid red;
	z-index : 2;
	cursor : pointer;
}
#nav div {
	position : absolute;
}
#nav div img {
	height : 15px;
	width : 15px;
}
#counter {
	position : absolute;
	text-align : center;
	font-family : sans-serif;
	font-size : 12px;
	color : #AAAAAA;
	top :  20px;
	width :  100%;
}
#distanceMarker {
	position : absolute;
	top :  20px;
	width : 3px;
	background-color : green;
}
#lightMarker {
	position : absolute;
	top :  20px;
	width : 3px;
	background-color : yellow;
}
#lightBeam {
	position : absolute;
	top :  0px;
	font-size : 14px;
	background-color : yellow;
	padding : 5px;
}
#credit a {
	color : #656565;
	text-decoration :  none;
	z-index : 1;
}
#titlecard {
	position : fixed;
	top : 55px;
	width : 50vh;
	right : 0px;
	z-index : 1;
}
#scalewrap {
	position : fixed;
	height : 30vw;
	width : 30vw;
	right : 10vw;
	bottom : 10vh;
	z-index : 1;
}
#bigspace {
	background-color :  #000000;
	background-image :  url(ticks2.svg);
	background-repeat :  repeat-y;
	background-position :  left;
	height :  1702774px;
}

#planetwrapper {
	position :  relative;
	left :  10%;
	width : 60%;
}
#sunwrap {
	position : relative;
}
#sun {
	position :  absolute;
	height :  400px;
	width :  400px;
	fill :  #fde301;
}
#suntxt {
	top :  200px;
	left :  184px;
	color :  #000000;
	font-size :  2em;
}
#mercury {
	position :  absolute;
	top :  16666px;
	height :  1px;
	width :  1px;
	fill :  #ffcc00;	
}
#merctxt {
	top :  16666px;
	color :  #ffcc00;	
}
#venus {
	position :  absolute;
	top :  31138px;
	height :  4px;
	width :  4px;
	fill :  #86ffca;	
}
#venustxt {
	top :  31138px;
	color :  #86ffca;
}
#earth {
	position :  absolute;
	top :  43053px;
	height :  3px;
	width :  3px;
	fill :  #01fdfa;	
}
#earthtxt {
	top :  43053px;
	color :  #01fdfa;
}
#moon {
	position :  absolute;
	top :  42942px;
	height :  1px;
	width :  1px;
	fill :  #ffffff;	
}
#moontxt {
	top :  42942px;
	color :  #FFFFFF;
	font-size : 2em;
}
#mars {
	position :  absolute;
	top :  65586px;
	height :  2px;
	width :  2px;
	fill :  #ff7443;	
}
#marstxt {
	top :  65383px;
	color :  #ff7443;
	padding-top :  200px;	
}
#jupiter {
	position :  absolute;
	top :  224041px;
	height :  40px;
	width :  40px;
	fill :  #ffa043;	
}
#jupitertxt {
	left :  54px;
	top :  224041px;
	color :  #ffa043;
}
#jupitermoons {
	position :  absolute;
	top :  224162px;	
	color :  #F0E8E0;
	font-size : 1.2em;
}
.moondot {
	margin : 0 6px 2px 0;
}
#io {
	position : absolute;
	top :  0px;
}
#europa {
	position : absolute;
	top :  193px;
}
#ganymede {
	position : absolute;
	top :  307px;
}
#callisto {
	position : absolute;
	top :  541px;
}
#saturn {
	position :  absolute;
	top :  412397px;
	height :  34px;
	width :  65px;
	fill :  #ffa043;	
}
#saturntxt {
	left :  64px;
	top :  412397px;
	color :  #f9d293;
}
#titan {
	position : absolute;
	top :  412742px;
	color :  #F0E8E0;
	font-size : 1.2em;
}
#uranus {
	position :  absolute;
	top :  827961px;
	height :  14px;
	width :  14px;
	fill :  #18E6FF;	
}
#uranustxt {
	left :  28px;
	top :  827961px;
	color :  #18E6FF;
}
#neptune {
	position :  absolute;
	top :  1295901px;
	height :  14px;
	width :  14px;
	fill :  #45B9FF;	
}
#neptunetxt {
	left :  24px;
	top :  1295901px;
	color :  #45B9FF;
}
#pluto {
	position :  absolute;
	top :  1699774px;
	height :  1px;
	width :  1px;
	fill :  #D9F5FF;	
}
#plutotxt {
	left :  17px;
	top :  1699774px;
	color :  #D9F5FF;
}