html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}body {
	font-family: 'Roboto', sans-serif, Arial, Helvetica;
	font-size: 13pt;
	font-weight: 300;
	line-height: 1.5em;
	color: #FFF8E7;
	background-color: #1e201e;
}

body #content {
	padding-top: 60px;
}

p {
	margin-bottom: 1em;
}

div > p:last-child {
	margin-bottom: 0;
}

a {
	color: #a5d2db;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5 {font-weight: 200;
	font-weight: 600;
	font-family: 'Roboto', sans-serif, Arial, Helvetica;
	line-height: 1.3em;
}

h2,h3,h4,h5 {
	line-height: 1.4em;
}

h1 { font-size: 3vw; /* responsiveness */ }
h2 { font-size: 2.2vw; /* responsiveness */ }

/* adjust responsiveness for small screens */
@media only screen and (max-width: 700px) {
    h1 { font-size: 20pt; }
	h2 { font-size: 16pt; }
}

body.withTopBarNavTransparent #content {
	padding-top: 0;
}.icon {
    float: left;
}

.icon.size16,
.icon {
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon.white.mouse,
.icon.mouse{background-image: url('../images/icons/white/mouse.svg');}

.icon.white.close,
.icon.close{background-image: url('../images/icons/white/close.svg');}

.icon.white.menu,
.icon.menu{background-image: url('../images/icons/white/menu.svg');}




.icon.black.mouse{background-image: url('../images/icons/black/mouse.svg');}

.icon.black.close{background-image: url('../images/icons/black/close.svg');}

.icon.black.menu{background-image: url('../images/icons/black/menu.svg');}



.button {
	display: inline-block;
	font-size: 9pt;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	padding: 1.1em 1.4em;
	color: #fff;
	cursor: pointer;
}

a.button {
	background-color: #a5d2db;
}

.button.centered {
	#center_by_translate#
}

.button:hover {
	text-decoration: none;
	opacity: 0.9;
}

.button.shadow {
	box-shadow: 0 5px 10px rgba(141, 34, 34, .2);
	-moz-box-shadow: 0 5px 10px rgba(141, 34, 34, .2);
	-webkit-box-shadow: 0 5px 10px rgba(141, 34, 34, .2);
}

.button > .icon {
	width: 25px;
	height: 25px;
	background-size: 25px;
	margin-right: 10px;
	float: left;
}

.button > .text {
	text-align: left;
	overflow: hidden;
}@font-face {
    font-family: 'Roboto';
    font-weight: 200;
    font-style: normal;
    src:
        url('../fonts/roboto-thin.woff');
        format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 300;
    font-style: normal;
    src:
        url('../fonts/roboto-light.woff');
        format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
    src:
        url('../fonts/roboto-regular.woff');
        format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 600;
    font-style: normal;
    src:
        url('../fonts/roboto-bold.woff');
        format('woff');
}.spaceColorsLogo {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif, Arial, Helvetica;
    font-weight: 600;
    letter-spacing: -.06em;
}

.spaceColorsLogo > span {
	letter-spacing: normal;
}

.spaceColorsLogoMotto {
	font-weight: 200;
	letter-spacing: 0em;
	text-transform: uppercase;
}


.spaceColorsLogo.big {
    font-weight: 600;
    letter-spacing: -.12em;
}

.spaceColorsLogoMotto {
}#topBarNav {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #1e201e;
	-webkit-touch-callout: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;	

	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

#topBarNav > div {
	max-width: 1280px;
	padding: 0 15px;
	margin: 0 auto;
}

#topBarNav > div > a.spaceColorsLogo:hover {
	text-decoration: none;
}

#topBarNav > div > #switch {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background-size: 20px;
	cursor: pointer;
	display: none;
}

#topBarNav.collapsed > div > #switch {
	display: block;
	z-index: 11;
}

#topBarNav.collapsed > div > #shade {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 10;

	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;

	pointer-events: none;
}

#topBarNav > div > ul {
	float: right;
	margin-right: -15px;
}

#topBarNav > div > ul > li {
	float: left;
	height: 60px;
}

#topBarNav > div > ul > li > a {
	float: left;
	text-decoration: none;
	
	font-size: 9pt;
	font-weight: 400;
	text-transform: uppercase;
	color: #FFF8E7;

	line-height: 60px;
	letter-spacing: .1em;
	cursor: pointer;
	padding: 0 1em;

	background: #fff;
}

#topBarNav > div > ul > li > a:hover {
	box-shadow: inset 0 -1px 0 #111;
	-moz-box-shadow: inset 0 -1px 0 #111;
	-webkit-box-shadow: inset 0 -1px 0 #111;
}

/* transparent */
#topBarNav.transparent,
#topBarNav.overDarkBackground {
	background: rgba(30, 32, 30, 0.9);
}


/* overDarkBackground */

#topBarNav.overDarkBackground > div > ul > li > a {
	background: none;
	color: #fff;
}

#topBarNav.overDarkBackground > div > ul > li > a:hover {
	box-shadow: inset 0 -1px 0 #fff;
	-moz-box-shadow: inset 0 -1px 0 #fff;
	-webkit-box-shadow: inset 0 -1px 0 #fff;
}

/* scrolled */

#topBarNav.scrolled {
	background: #111;
}

#topBarNav.scrolled > div > .spaceColorsLogo {
	opacity: 1;
}

#topBarNav.scrolled > div > ul > li > a {
	background: #111;
	color: #fff;
}

#topBarNav.scrolled > div > ul > li > a:hover {
	box-shadow: inset 0 -1px 0 #fff;
	-moz-box-shadow: inset 0 -1px 0 #fff;
	-webkit-box-shadow: inset 0 -1px 0 #fff;
}

/* collapsed */

#topBarNav.collapsed > div > ul {
	position: fixed;
	top: 0;
	bottom: 0;
	background: #1e201e;

	z-index: 11;

	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

#topBarNav.collapsed.collapsedClosed > div > ul {
	left: 100%;
}

#topBarNav.collapsed.collapsedOpen > div > ul {
	left: 15%;
}

#topBarNav.collapsed > div > ul > li {
	display: block;
	width: 100%;
}

#topBarNav.collapsed > div > ul > li > a {
	width: 100%;
	line-height: 1em;
	padding: 30px;
	font-size: 14pt;
	color: #FFF8E7;
}

#topBarNav.collapsed > div > ul > li > a:hover {
	color: #333;
}

#topBarNav.collapsed.collapsedOpen > div > #shade {
	display: block;
	opacity: 0.6;
	background: #000;
	pointer-events: all;
}

@media only screen and (max-width: 700px) {
	#topBarNav > div > .spaceColorsLogoMotto {
		display: none;
	}
}.contentBlock {
	position: relative;
}

.contentBlock > div {
	max-width: 1280px;
	margin: 0 auto;
	padding: 50px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

@media only screen and (max-width: 980px) {
	.contentBlock > div {
		padding: 50px;
	}
}

.contentBlock > div > header {
	position: relative;
	float: left;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin-bottom: 2.5em;
	padding-left: 2.5em;
}

.contentBlock > div > header:after {
	position: absolute;
	content: '';
	left: 0;
	width: 2em;
	height: 1em;
	border-bottom: solid currentColor 1px;
}

.contentBlock > div > h1 {
	display: block;
	float: none;
	clear: both;
}

.contentBlock > div > p {
}

.contentBlock > div > p > i {
	font-style: italic;
}

.contentBlock > div > ul {
	display: flex;
	margin: 3em 0;
}

.contentBlock > div > ul > li {
	margin: 0 2.5em;
}

@media only screen and (max-width: 980px) {
	.contentBlock > div > ul {
		display: block;
	}

	.contentBlock > div > ul > li {
		margin: 0 0 2em 0;
	}
}.spaceBodies {
	position: relative;
	float: left;
	white-space: nowrap;
	font-size: 0;
	overflow: hidden;
	-webkit-touch-callout: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

.spaceBodies.fullScreen {
	height: 100vh;
}

.spaceBody {
	font-size: 0.5vw;
	display: inline-block;
	height: 100%;
	position: relative;
	pointer-events: none;
	margin-left: 15em;
}

.spaceBody.moon {
	margin-left: 2em;
}

.spaceBody > .circle {
	font-size: 1em;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	margin-top: 50vh;

	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);

	cursor: pointer;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

	pointer-events: all;
}

.spaceBody > .circle > .spaceBodyRealImage {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: '';

	opacity: 0;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	background-position: center;
	background-size: cover;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	-ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.spaceBody > hgroup {
	position: absolute;
	
	left: calc(45pt + 50%);
	bottom: calc(45pt + 50%);

	width: 350pt;
	max-width: 100vw !important;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;;

	color: #fff;
	padding: 20pt 0 20pt 20pt;
	white-space: normal;

	border-bottom: solid #fff 1px;

	opacity: 0;

	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;

	z-index: 1;

	-webkit-touch-callout: auto; -webkit-touch-callout: auto; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;

	text-shadow: #1e201e 0 0 5px;

	pointer-events: none;
}

.spaceBody > hgroup:after {
	position: absolute;
	content: '';
	left: -48pt;
	bottom: -48pt;
	width: 6pt;
	height: 6pt;
	background: #fff;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	pointer-events: none;
}

.spaceBody > hgroup:before {
	position: absolute;
	content: '';
	left: -45pt;
	bottom: -45pt;
	width: 63.63pt;
	height: 63.63pt;

	border-left: solid #fff 1px;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);

    -ms-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;

    pointer-events: none;
}

.spaceBodies > .spaceBody:last-child {
	margin-right: 400pt;
}

.spaceBody > hgroup > h1 {
	font-size: 1.8vh;
}

.spaceBody > hgroup > h2 {
	font-size: 1.4vh;
	font-weight: 400;
	margin-top: 1em;
}

.spaceBody > hgroup > .colors {
	margin-top: 2em;
}

.spaceBody > hgroup > .colors > div {
	position: relative;
	float: left;
	margin-right: 2em;
	width: 4.5em;
	height: 4.5em;
	-webkit-border-radius: 3pt;
	-moz-border-radius: 3pt;
	border-radius: 3pt;

	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);

	cursor: pointer;
}

.spaceBody.open > hgroup {
	opacity: 1;
	pointer-events: all;
}

.spaceBody.open.sizeTiny > .circle > .spaceBodyRealImage {
	-ms-transform: scale(7);
    -webkit-transform: scale(7);
    transform: scale(7);
} 

.spaceBody.open.sizeSmall > .circle > .spaceBodyRealImage {
	-ms-transform: scale(3);
    -webkit-transform: scale(3);
    transform: scale(3);
} 

.spaceBody.open.sizeNormal > .circle > .spaceBodyRealImage {
	-ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
} 

.spaceBody.open > .circle > .spaceBodyRealImage {
	opacity: 1;
}


/* space bodies that are really large */
.spaceBody.sun {
	max-width: 10em;
	margin-left: 0;
}

.spaceBody.sun > .circle {
	transform: translate(-99.5%, -50%);
	-moz-transform: translate(-99.5%, -50%);
	-webkit-transform: translate(-99.5%, -50%);
	-o-transform: translate(-99.5%, -50%);
	-ms-transform: translate(-99.5%, -50%);
}


/* banner */
.spaceBodies > .banner {
	position: fixed;
	color: #fff;
	font-size: 13pt;
	white-space: normal;

	text-align: center;

	padding: 1em;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	width: 450px;
	max-width: 100vw;
	left: 50vw;
	bottom: 6vh;
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

	z-index: 1;
}

.spaceBodies > .banner.closed {
	opacity: 0;
	transform: translate(-50%, 5em);
	-moz-transform: translate(-50%, 5em);
	-webkit-transform: translate(-50%, 5em);
	-o-transform: translate(-50%, 5em);
	-ms-transform: translate(-50%, 5em);
}

@media only screen and (max-width: 700px) {
	.spaceBodies > .banner {
		bottom: auto;
		top: 15vh;
	}

	.spaceBody {
		font-size: 1.5vw;
	}

	.spaceBody > .circle {
		margin-top: 80vh !important;
	}

	.spaceBody > hgroup {
		bottom: calc(45pt + 20%);
	}

	.spaceBody > hgroup > h1 {
		font-size: 2.4vh;
	}

	.spaceBody > hgroup > h2 {
		font-size: 2vh;
	}
}

/* paletteViewer */
.spaceBodies > .paletteViewer {
	position: fixed;
	opacity: 0;
	pointer-events: none;

	width: 30vw;
	height: 30vw;

	max-width: 90vw;
	max-height: 70vh;

	left: 50%;
	top: 55%;

	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);

	z-index: 2;

	background: #fff;
	color: #000;

	box-shadow: 0 0 100px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 100px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 1);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.spaceBodies > .paletteViewer:before {
	position: fixed;
	content: '';
	top: -100vh;
	right: -100vw;
	bottom: -100vh;
	left: -100vw;
	background: rgba(0, 0, 0, 0.8);

	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.spaceBodies > .paletteViewer.dark {
	color: #fff;
}

.spaceBodies > .paletteViewer.light {
	color: #000;
}

.spaceBodies > .paletteViewer > .title {
	position: absolute;
	left: 0;
	top: -1.5em;
	font-size: 15pt;
	color: #fff;
}

.spaceBodies > .paletteViewer > .icon.close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40pt;
	height: 40pt;
	background-size: 15pt;
	cursor: pointer;
}

.spaceBodies > .paletteViewer > .colors {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	flex-direction: column;
}

.spaceBodies > .paletteViewer > .colors > .color {
	position: relative;
	height: 33%;
	width: 100%;
	font-size: 13pt;
	line-height: 1em;
	font-family: courier;
}

.spaceBodies > .paletteViewer > .colors > .color.dark {
	color: #fff;
}

.spaceBodies > .paletteViewer > .colors > .color.light {
	color: rgba(0, 0, 0, 0.8);
}

.spaceBodies > .paletteViewer > .colors > .color > div {
	position: absolute;

	padding: 0 15pt;

	left: 0;
	right: 0;
	top: 50%;

	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}

.spaceBodies > .paletteViewer > .colors > .color > div > h1 {
	font-size: 14pt;
}

.spaceBodies > .paletteViewer > .colors > .color > div > .components {
	margin-top: 5pt;
}

.spaceBodies > .paletteViewer > .colors > .color > div > .components > div {
	display: inline-block;
	margin-right: 5pt;
	-webkit-touch-callout: auto; -webkit-touch-callout: auto; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;
}

.spaceBodies > .paletteViewer > .colors > .color > div > .components > div:last-child {
	margin-right: 0;
}

.spaceBodies > .paletteViewer > .colors > .color > div > .components > div:before {
	display: inline-block;
	content: '';
	width: 15pt;
	height: 15pt;
	vertical-align: middle;
	margin-right: 5pt;
}


.spaceBodies > .paletteViewer > .colors > .color > div > .components > div.r:before {
	background-color: rgb(255, 46, 76);
}

.spaceBodies > .paletteViewer > .colors > .color > div > .components > div.g:before {
	background-color: rgb(47, 197, 116);
}

.spaceBodies > .paletteViewer > .colors > .color > div > .components > div.b:before {
	background-color: rgb(75, 208, 255);
}

.spaceBodies > .paletteViewer > .colors > .color > div > .hex {
	display: block;
	margin-top: 5pt;
	-webkit-touch-callout: auto; -webkit-touch-callout: auto; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;
}

.spaceBodies > .paletteViewer.open {
	top: 50%;
	opacity: 1;
	pointer-events: all;
}

.spaceBodies > .paletteViewer.open:before {
	opacity: 1;
}

@media only screen and (max-width: 700px) {
	.spaceBodies > .paletteViewer {
		width: 90vw;
		height: 70vh;
	}
}/*
spacecolors.io
A CSS repository and experiment to document and explore the real colors of the planets and other space bodies as they might appear to the human eye.
*/

/* sun */
.spaceBodyBackgroundColor.sun.primary { background-color: rgb(255, 255, 255); }
.spaceBodyBackgroundColor.sun.secondary { background-color: rgb(255, 255, 255); }
.spaceBodyBackgroundColor.sun.tertiary { background-color: rgb(255, 255, 255); }
.spaceBodyBackgroundGradient.sun { background: rgb(255, 255, 255); }

/* mercury */
.spaceBodyBackgroundColor.mercury.primary { background-color: rgb(150, 146, 146); }
.spaceBodyBackgroundColor.mercury.secondary { background-color: rgb(211, 201, 199); }
.spaceBodyBackgroundColor.mercury.tertiary { background-color: rgb(222, 211, 207); }
.spaceBodyBackgroundGradient.mercury { background: linear-gradient(to bottom, rgba(132,128,127,1) 0%,rgba(132,131,129,1) 1%,rgba(127,126,124,1) 1%,rgba(129,123,123,1) 2%,rgba(125,119,119,1) 2%,rgba(124,118,118,1) 2%,rgba(130,124,124,1) 3%,rgba(133,127,127,1) 3%,rgba(124,118,118,1) 3%,rgba(121,115,115,1) 4%,rgba(121,115,115,1) 4%,rgba(131,125,125,1) 4%,rgba(136,130,130,1) 5%,rgba(135,129,129,1) 6%,rgba(130,126,125,1) 6%,rgba(129,125,124,1) 6%,rgba(130,126,125,1) 7%,rgba(139,133,133,1) 7%,rgba(136,130,130,1) 8%,rgba(144,136,136,1) 9%,rgba(145,137,137,1) 10%,rgba(149,141,141,1) 10%,rgba(150,140,141,1) 10%,rgba(144,134,135,1) 10%,rgba(144,138,140,1) 11%,rgba(141,135,137,1) 12%,rgba(143,137,139,1) 12%,rgba(160,154,156,1) 13%,rgba(161,155,157,1) 13%,rgba(147,141,143,1) 15%,rgba(146,140,140,1) 15%,rgba(150,144,144,1) 15%,rgba(150,144,144,1) 16%,rgba(144,138,138,1) 16%,rgba(145,139,139,1) 17%,rgba(141,135,135,1) 17%,rgba(147,141,141,1) 17%,rgba(147,141,141,1) 18%,rgba(159,153,153,1) 19%,rgba(156,150,150,1) 19%,rgba(150,144,144,1) 19%,rgba(146,140,140,1) 20%,rgba(138,132,132,1) 21%,rgba(138,132,132,1) 21%,rgba(157,151,151,1) 22%,rgba(159,153,153,1) 22%,rgba(157,151,151,1) 22%,rgba(160,154,154,1) 23%,rgba(156,150,150,1) 23%,rgba(148,142,142,1) 23%,rgba(146,140,140,1) 24%,rgba(152,146,146,1) 24%,rgba(161,155,155,1) 24%,rgba(164,158,158,1) 25%,rgba(149,143,143,1) 25%,rgba(146,140,140,1) 26%,rgba(143,137,137,1) 26%,rgba(147,141,141,1) 27%,rgba(146,140,140,1) 27%,rgba(135,129,129,1) 28%,rgba(145,139,139,1) 28%,rgba(145,139,139,1) 28%,rgba(150,142,142,1) 29%,rgba(162,154,154,1) 29%,rgba(163,155,155,1) 29%,rgba(154,146,146,1) 29%,rgba(149,141,141,1) 30%,rgba(150,142,142,1) 30%,rgba(146,138,138,1) 31%,rgba(149,141,141,1) 31%,rgba(147,139,139,1) 32%,rgba(136,128,128,1) 32%,rgba(135,127,127,1) 33%,rgba(139,131,131,1) 33%,rgba(134,129,126,1) 33%,rgba(126,121,118,1) 34%,rgba(130,125,122,1) 36%,rgba(125,120,117,1) 36%,rgba(125,120,117,1) 36%,rgba(130,125,122,1) 37%,rgba(122,117,114,1) 37%,rgba(126,121,118,1) 37%,rgba(132,128,127,1) 38%,rgba(123,119,118,1) 38%,rgba(124,120,119,1) 39%,rgba(129,125,124,1) 39%,rgba(134,130,129,1) 40%,rgba(130,126,125,1) 40%,rgba(116,112,111,1) 40%,rgba(123,119,118,1) 41%,rgba(118,114,113,1) 41%,rgba(119,115,114,1) 42%,rgba(127,123,122,1) 42%,rgba(124,124,124,1) 42%,rgba(127,127,127,1) 43%,rgba(127,127,127,1) 43%,rgba(124,124,124,1) 43%,rgba(128,126,127,1) 44%,rgba(134,132,133,1) 44%,rgba(129,127,128,1) 45%,rgba(131,127,128,1) 46%,rgba(139,135,136,1) 46%,rgba(140,136,137,1) 46%,rgba(135,131,132,1) 47%,rgba(126,122,123,1) 47%,rgba(122,118,119,1) 47%,rgba(124,120,121,1) 47%,rgba(118,114,115,1) 48%,rgba(125,121,122,1) 49%,rgba(115,111,112,1) 49%,rgba(119,115,116,1) 49%,rgba(129,125,126,1) 49%,rgba(136,132,133,1) 50%,rgba(119,117,120,1) 51%,rgba(117,112,116,1) 52%,rgba(120,115,119,1) 53%,rgba(134,130,131,1) 53%,rgba(144,138,140,1) 53%,rgba(151,145,145,1) 54%,rgba(153,145,145,1) 55%,rgba(147,139,139,1) 55%,rgba(128,124,125,1) 56%,rgba(132,128,129,1) 56%,rgba(130,128,129,1) 57%,rgba(133,131,132,1) 57%,rgba(147,145,146,1) 58%,rgba(181,172,175,1) 58%,rgba(194,183,187,1) 59%,rgba(190,178,182,1) 60%,rgba(180,168,172,1) 60%,rgba(159,155,154,1) 60%,rgba(151,147,146,1) 60%,rgba(151,147,146,1) 61%,rgba(159,155,154,1) 61%,rgba(159,155,154,1) 62%,rgba(185,179,179,1) 62%,rgba(188,182,182,1) 63%,rgba(198,192,192,1) 64%,rgba(188,182,182,1) 64%,rgba(186,181,178,1) 65%,rgba(189,184,181,1) 65%,rgba(203,195,193,1) 66%,rgba(205,197,195,1) 67%,rgba(206,198,195,1) 67%,rgba(200,192,189,1) 67%,rgba(200,192,189,1) 68%,rgba(211,201,199,1) 68%,rgba(211,201,199,1) 69%,rgba(208,198,196,1) 69%,rgba(194,188,188,1) 69%,rgba(194,188,188,1) 70%,rgba(184,178,178,1) 71%,rgba(201,195,195,1) 72%,rgba(181,175,175,1) 72%,rgba(186,180,180,1) 73%,rgba(194,188,188,1) 73%,rgba(195,189,189,1) 73%,rgba(192,184,182,1) 74%,rgba(195,187,185,1) 74%,rgba(194,186,184,1) 74%,rgba(185,177,175,1) 75%,rgba(186,178,176,1) 76%,rgba(195,187,185,1) 76%,rgba(187,179,177,1) 76%,rgba(182,174,172,1) 76%,rgba(186,178,176,1) 77%,rgba(212,204,202,1) 77%,rgba(212,202,201,1) 78%,rgba(201,191,190,1) 78%,rgba(189,188,186,1) 78%,rgba(189,185,184,1) 79%,rgba(186,182,181,1) 79%,rgba(174,168,168,1) 79%,rgba(171,163,163,1) 80%,rgba(174,164,165,1) 80%,rgba(166,156,157,1) 81%,rgba(163,155,155,1) 81%,rgba(178,170,170,1) 81%,rgba(166,160,160,1) 82%,rgba(167,161,161,1) 82%,rgba(180,171,174,1) 83%,rgba(183,174,177,1) 83%,rgba(171,162,165,1) 83%,rgba(169,160,163,1) 84%,rgba(154,148,150,1) 84%,rgba(152,146,148,1) 85%,rgba(146,140,142,1) 85%,rgba(146,142,143,1) 85%,rgba(136,132,133,1) 86%,rgba(137,133,134,1) 87%,rgba(141,141,143,1) 87%,rgba(151,151,153,1) 87%,rgba(134,132,135,1) 88%,rgba(142,137,141,1) 88%,rgba(137,131,135,1) 88%,rgba(131,122,125,1) 89%,rgba(150,141,144,1) 89%,rgba(160,152,152,1) 90%,rgba(152,146,146,1) 91%,rgba(153,147,147,1) 91%,rgba(168,162,162,1) 92%,rgba(152,146,148,1) 92%,rgba(154,150,151,1) 93%,rgba(148,144,145,1) 94%,rgba(142,137,141,1) 94%,rgba(138,136,139,1) 94%,rgba(144,142,145,1) 95%,rgba(141,139,142,1) 95%,rgba(131,129,132,1) 95%,rgba(123,121,124,1) 96%,rgba(122,124,123,1) 96%,rgba(119,121,120,1) 97%,rgba(121,121,121,1) 97%,rgba(120,118,119,1) 98%,rgba(123,121,122,1) 98%,rgba(132,128,129,1) 98%,rgba(133,129,130,1) 99%,rgba(131,125,127,1) 99%,rgba(142,136,138,1) 100%); }

/* venus */
.spaceBodyBackgroundColor.venus.primary { background-color: rgb(233, 229, 217); }
.spaceBodyBackgroundColor.venus.secondary { background-color: rgb(242, 246, 247); }
.spaceBodyBackgroundColor.venus.tertiary { background-color: rgb(233, 234, 228); }
.spaceBodyBackgroundGradient.venus { background: linear-gradient(to bottom, rgba(228,221,205,1) 0%,rgba(224,217,199,1) 4%,rgba(226,219,201,1) 4%,rgba(223,216,198,1) 5%,rgba(225,216,199,1) 7%,rgba(222,214,193,1) 8%,rgba(223,214,197,1) 10%,rgba(226,219,201,1) 12%,rgba(226,219,201,1) 13%,rgba(229,222,204,1) 14%,rgba(227,220,202,1) 16%,rgba(230,223,205,1) 17%,rgba(228,221,203,1) 17%,rgba(232,225,209,1) 18%,rgba(233,226,210,1) 18%,rgba(230,223,205,1) 21%,rgba(233,226,208,1) 22%,rgba(231,224,206,1) 23%,rgba(233,226,207,1) 25%,rgba(230,223,205,1) 25%,rgba(234,227,209,1) 26%,rgba(235,228,212,1) 27%,rgba(236,229,213,1) 28%,rgba(234,226,213,1) 30%,rgba(238,230,217,1) 32%,rgba(236,228,215,1) 32%,rgba(237,229,216,1) 37%,rgba(240,232,219,1) 38%,rgba(235,228,212,1) 39%,rgba(235,228,212,1) 39%,rgba(237,230,214,1) 40%,rgba(236,228,215,1) 43%,rgba(240,232,219,1) 45%,rgba(238,232,218,1) 52%,rgba(241,235,221,1) 52%,rgba(241,235,221,1) 55%,rgba(239,233,219,1) 56%,rgba(242,236,222,1) 59%,rgba(239,233,219,1) 60%,rgba(238,232,218,1) 61%,rgba(240,234,220,1) 63%,rgba(237,231,217,1) 64%,rgba(239,233,219,1) 65%,rgba(238,232,218,1) 66%,rgba(240,234,220,1) 67%,rgba(237,231,217,1) 68%,rgba(240,234,222,1) 69%,rgba(240,234,222,1) 70%,rgba(237,231,219,1) 72%,rgba(235,231,219,1) 74%,rgba(237,233,221,1) 75%,rgba(233,229,217,1) 79%,rgba(238,234,223,1) 80%,rgba(236,232,221,1) 81%,rgba(235,233,221,1) 85%,rgba(232,230,218,1) 85%,rgba(236,234,222,1) 87%,rgba(234,232,220,1) 88%,rgba(237,235,223,1) 90%,rgba(230,228,216,1) 92%,rgba(228,225,216,1) 95%,rgba(232,229,220,1) 96%,rgba(234,231,222,1) 97%,rgba(230,230,222,1) 97%,rgba(230,231,225,1) 98%,rgba(235,235,227,1) 99%,rgba(232,233,227,1) 99%,rgba(233,234,229,1) 100%); }

/* earth */
.spaceBodyBackgroundColor.earth.primary { background-color: rgb(55, 95, 121); }
.spaceBodyBackgroundColor.earth.secondary { background-color: rgb(151, 90, 95); }
.spaceBodyBackgroundColor.earth.tertiary { background-color: rgb(239, 247, 250); }
.spaceBodyBackgroundGradient.earth { background: linear-gradient(to bottom, rgba(151,194,213,1) 0%,rgba(143,161,175,1) 0%,rgba(121,135,146,1) 1%,rgba(124,158,167,1) 1%,rgba(175,203,217,1) 1%,rgba(183,215,238,1) 1%,rgba(118,149,177,1) 2%,rgba(76,105,123,1) 2%,rgba(126,154,176,1) 2%,rgba(143,170,181,1) 3%,rgba(112,137,159,1) 3%,rgba(152,169,185,1) 3%,rgba(135,161,176,1) 3%,rgba(112,135,151,1) 4%,rgba(86,119,136,1) 4%,rgba(39,73,100,1) 4%,rgba(61,87,114,1) 5%,rgba(45,88,120,1) 5%,rgba(52,90,126,1) 5%,rgba(23,73,110,1) 5%,rgba(12,62,97,1) 6%,rgba(6,59,103,1) 6%,rgba(0,64,103,1) 7%,rgba(0,69,111,1) 7%,rgba(15,80,120,1) 7%,rgba(25,88,129,1) 8%,rgba(33,79,113,1) 8%,rgba(67,112,145,1) 8%,rgba(101,142,160,1) 8%,rgba(121,154,171,1) 9%,rgba(146,162,178,1) 9%,rgba(184,201,219,1) 9%,rgba(212,226,229,1) 10%,rgba(232,250,252,1) 10%,rgba(232,236,247,1) 10%,rgba(240,247,255,1) 10%,rgba(239,241,238,1) 11%,rgba(246,245,250,1) 11%,rgba(237,246,241,1) 11%,rgba(243,244,246,1) 12%,rgba(231,235,236,1) 12%,rgba(231,239,242,1) 12%,rgba(224,233,240,1) 12%,rgba(238,248,255,1) 13%,rgba(209,222,231,1) 13%,rgba(213,226,232,1) 13%,rgba(227,238,240,1) 14%,rgba(235,246,252,1) 14%,rgba(244,236,247,1) 14%,rgba(248,242,252,1) 14%,rgba(245,251,241,1) 15%,rgba(250,255,246,1) 15%,rgba(232,252,253,1) 15%,rgba(226,250,250,1) 16%,rgba(244,241,252,1) 16%,rgba(218,220,233,1) 16%,rgba(127,142,149,1) 16%,rgba(144,161,171,1) 17%,rgba(149,175,190,1) 17%,rgba(139,179,187,1) 17%,rgba(124,142,164,1) 18%,rgba(131,147,170,1) 18%,rgba(26,71,112,1) 18%,rgba(17,62,101,1) 18%,rgba(5,58,102,1) 19%,rgba(7,73,121,1) 19%,rgba(22,67,108,1) 19%,rgba(25,64,105,1) 20%,rgba(97,131,168,1) 20%,rgba(55,87,125,1) 20%,rgba(71,104,135,1) 21%,rgba(51,84,117,1) 21%,rgba(42,91,124,1) 21%,rgba(31,82,113,1) 21%,rgba(35,86,113,1) 22%,rgba(10,66,93,1) 22%,rgba(43,90,108,1) 22%,rgba(94,142,162,1) 23%,rgba(188,205,221,1) 23%,rgba(150,184,194,1) 23%,rgba(178,195,202,1) 23%,rgba(184,186,207,1) 24%,rgba(118,131,166,1) 24%,rgba(119,141,164,1) 24%,rgba(51,98,124,1) 25%,rgba(36,86,111,1) 25%,rgba(54,96,110,1) 25%,rgba(33,83,90,1) 25%,rgba(89,81,96,1) 26%,rgba(174,178,181,1) 26%,rgba(68,97,115,1) 26%,rgba(137,163,176,1) 27%,rgba(150,164,191,1) 27%,rgba(133,145,169,1) 27%,rgba(78,128,135,1) 27%,rgba(154,194,206,1) 28%,rgba(182,191,206,1) 28%,rgba(162,165,180,1) 28%,rgba(143,155,171,1) 29%,rgba(134,147,164,1) 29%,rgba(47,81,91,1) 29%,rgba(171,207,223,1) 29%,rgba(182,229,249,1) 30%,rgba(63,119,136,1) 30%,rgba(19,71,93,1) 30%,rgba(17,66,96,1) 31%,rgba(17,70,102,1) 31%,rgba(32,85,119,1) 31%,rgba(61,110,143,1) 32%,rgba(65,112,142,1) 32%,rgba(43,90,118,1) 32%,rgba(30,77,103,1) 32%,rgba(18,69,114,1) 33%,rgba(30,83,127,1) 33%,rgba(32,79,123,1) 33%,rgba(27,69,119,1) 34%,rgba(28,74,110,1) 34%,rgba(26,65,104,1) 34%,rgba(83,126,135,1) 34%,rgba(38,75,93,1) 35%,rgba(47,85,94,1) 35%,rgba(82,116,128,1) 35%,rgba(81,105,139,1) 36%,rgba(71,93,130,1) 36%,rgba(121,152,198,1) 36%,rgba(89,113,161,1) 36%,rgba(25,74,114,1) 37%,rgba(28,75,101,1) 37%,rgba(24,77,127,1) 37%,rgba(13,73,125,1) 38%,rgba(34,94,131,1) 38%,rgba(45,99,135,1) 38%,rgba(50,100,135,1) 38%,rgba(11,56,87,1) 39%,rgba(19,64,97,1) 39%,rgba(103,148,181,1) 40%,rgba(75,120,153,1) 40%,rgba(16,60,95,1) 40%,rgba(37,83,119,1) 40%,rgba(38,86,124,1) 41%,rgba(8,57,98,1) 41%,rgba(25,74,115,1) 41%,rgba(10,61,104,1) 42%,rgba(5,62,105,1) 42%,rgba(6,65,107,1) 42%,rgba(20,55,87,1) 42%,rgba(67,100,135,1) 43%,rgba(180,218,229,1) 43%,rgba(27,65,66,1) 43%,rgba(100,119,161,1) 44%,rgba(166,185,217,1) 44%,rgba(11,54,99,1) 44%,rgba(6,53,99,1) 45%,rgba(35,73,120,1) 45%,rgba(63,104,150,1) 45%,rgba(0,63,98,1) 45%,rgba(7,64,107,1) 46%,rgba(13,62,102,1) 46%,rgba(6,57,100,1) 46%,rgba(17,54,83,1) 47%,rgba(21,64,96,1) 47%,rgba(20,65,106,1) 47%,rgba(22,71,104,1) 47%,rgba(24,81,110,1) 48%,rgba(27,79,119,1) 48%,rgba(31,86,127,1) 48%,rgba(20,76,109,1) 49%,rgba(61,113,152,1) 49%,rgba(96,149,181,1) 49%,rgba(31,82,109,1) 49%,rgba(39,81,123,1) 50%,rgba(186,233,253,1) 50%,rgba(93,143,170,1) 50%,rgba(7,50,82,1) 51%,rgba(43,93,118,1) 51%,rgba(116,148,199,1) 51%,rgba(77,111,156,1) 51%,rgba(112,149,175,1) 52%,rgba(114,162,185,1) 52%,rgba(104,145,163,1) 52%,rgba(107,141,168,1) 53%,rgba(142,174,195,1) 53%,rgba(226,254,255,1) 53%,rgba(214,243,239,1) 53%,rgba(237,252,255,1) 54%,rgba(217,231,232,1) 54%,rgba(227,233,231,1) 54%,rgba(230,227,236,1) 55%,rgba(247,245,255,1) 55%,rgba(255,248,252,1) 55%,rgba(255,251,248,1) 55%,rgba(255,249,255,1) 56%,rgba(235,227,238,1) 56%,rgba(228,238,247,1) 56%,rgba(179,192,200,1) 57%,rgba(70,103,144,1) 57%,rgba(14,45,91,1) 57%,rgba(14,74,124,1) 58%,rgba(42,95,137,1) 58%,rgba(24,77,129,1) 58%,rgba(21,76,115,1) 58%,rgba(23,74,127,1) 59%,rgba(14,62,110,1) 59%,rgba(17,68,87,1) 59%,rgba(36,83,111,1) 60%,rgba(36,82,116,1) 60%,rgba(29,67,103,1) 60%,rgba(38,102,150,1) 60%,rgba(21,84,127,1) 61%,rgba(31,89,129,1) 61%,rgba(21,74,118,1) 61%,rgba(31,81,118,1) 62%,rgba(7,62,101,1) 62%,rgba(17,66,106,1) 62%,rgba(16,69,111,1) 62%,rgba(20,79,119,1) 63%,rgba(24,76,116,1) 63%,rgba(7,61,99,1) 63%,rgba(7,61,99,1) 64%,rgba(36,80,119,1) 64%,rgba(43,82,125,1) 64%,rgba(39,70,116,1) 64%,rgba(52,83,127,1) 65%,rgba(44,78,124,1) 65%,rgba(18,59,105,1) 65%,rgba(11,54,97,1) 66%,rgba(15,59,98,1) 66%,rgba(10,54,93,1) 66%,rgba(20,68,117,1) 67%,rgba(9,63,110,1) 67%,rgba(1,57,104,1) 68%,rgba(0,52,99,1) 68%,rgba(5,55,104,1) 68%,rgba(7,53,103,1) 69%,rgba(14,61,113,1) 69%,rgba(16,58,108,1) 69%,rgba(1,59,105,1) 70%,rgba(5,59,106,1) 70%,rgba(0,67,106,1) 71%,rgba(10,58,104,1) 71%,rgba(13,57,106,1) 71%,rgba(2,58,105,1) 71%,rgba(0,57,103,1) 72%,rgba(9,61,108,1) 72%,rgba(14,62,108,1) 72%,rgba(0,77,99,1) 73%,rgba(25,111,128,1) 73%,rgba(130,104,131,1) 73%,rgba(125,100,122,1) 73%,rgba(134,91,101,1) 74%,rgba(147,97,106,1) 74%,rgba(133,93,101,1) 74%,rgba(138,90,106,1) 75%,rgba(144,93,112,1) 75%,rgba(128,97,112,1) 75%,rgba(122,88,104,1) 76%,rgba(130,85,105,1) 76%,rgba(127,83,100,1) 76%,rgba(135,91,106,1) 77%,rgba(154,101,117,1) 77%,rgba(131,108,114,1) 77%,rgba(155,104,121,1) 78%,rgba(154,100,123,1) 78%,rgba(123,95,110,1) 78%,rgba(113,82,100,1) 79%,rgba(123,85,110,1) 79%,rgba(121,91,119,1) 79%,rgba(106,77,105,1) 79%,rgba(105,70,100,1) 80%,rgba(100,86,109,1) 80%,rgba(114,94,121,1) 80%,rgba(94,92,114,1) 81%,rgba(83,84,102,1) 81%,rgba(100,86,109,1) 81%,rgba(99,80,102,1) 82%,rgba(113,77,103,1) 82%,rgba(115,81,105,1) 82%,rgba(118,72,98,1) 82%,rgba(123,79,104,1) 83%,rgba(117,90,107,1) 83%,rgba(117,90,105,1) 83%,rgba(128,86,106,1) 84%,rgba(133,90,110,1) 84%,rgba(119,88,104,1) 84%,rgba(118,87,103,1) 84%,rgba(122,74,96,1) 85%,rgba(129,84,105,1) 85%,rgba(123,95,110,1) 85%,rgba(126,95,110,1) 86%,rgba(122,85,102,1) 86%,rgba(144,103,121,1) 87%,rgba(152,116,130,1) 87%,rgba(132,100,113,1) 87%,rgba(144,96,112,1) 88%,rgba(163,112,131,1) 88%,rgba(162,97,121,1) 88%,rgba(168,99,128,1) 88%,rgba(139,96,105,1) 89%,rgba(136,89,99,1) 89%,rgba(132,84,84,1) 89%,rgba(136,89,95,1) 90%,rgba(139,89,98,1) 90%,rgba(138,93,98,1) 90%,rgba(121,89,92,1) 90%,rgba(128,97,103,1) 91%,rgba(137,89,103,1) 91%,rgba(123,85,96,1) 91%,rgba(190,131,149,1) 92%,rgba(153,84,103,1) 92%,rgba(144,83,98,1) 92%,rgba(165,96,114,1) 92%,rgba(143,102,110,1) 93%,rgba(134,93,101,1) 93%,rgba(118,76,86,1) 93%,rgba(135,95,106,1) 94%,rgba(141,94,110,1) 94%,rgba(124,83,99,1) 94%,rgba(134,93,111,1) 95%,rgba(129,93,107,1) 95%,rgba(118,94,110,1) 95%,rgba(132,104,116,1) 95%,rgba(144,130,143,1) 96%,rgba(134,112,125,1) 96%,rgba(135,108,117,1) 96%,rgba(151,119,134,1) 97%,rgba(143,105,116,1) 97%,rgba(152,114,127,1) 97%,rgba(169,135,125,1) 97%,rgba(176,131,128,1) 98%,rgba(167,137,137,1) 98%,rgba(169,144,147,1) 98%,rgba(162,147,150,1) 99%,rgba(168,146,149,1) 99%,rgba(168,145,153,1) 99%,rgba(158,138,139,1) 99%,rgba(153,133,134,1) 100%,rgba(154,134,135,1) 100%); }

/* moon */
.spaceBodyBackgroundColor.moon.primary { background-color: rgb(114, 113, 113); }
.spaceBodyBackgroundColor.moon.secondary { background-color: rgb(84, 76, 74); }
.spaceBodyBackgroundColor.moon.tertiary { background-color: rgb(154, 166, 164); }
.spaceBodyBackgroundGradient.moon { background: linear-gradient(to bottom, rgba(130,130,128,1) 0%,rgba(130,131,125,1) 3%,rgba(90,92,89,1) 7%,rgba(75,74,70,1) 10%,rgba(85,85,77,1) 14%,rgba(80,72,70,1) 17%,rgba(122,115,107,1) 21%,rgba(112,111,106,1) 24%,rgba(76,77,71,1) 28%,rgba(66,65,61,1) 31%,rgba(169,165,162,1) 34%,rgba(128,127,132,1) 38%,rgba(91,85,87,1) 41%,rgba(112,108,123,1) 45%,rgba(154,156,151,1) 48%,rgba(151,151,141,1) 52%,rgba(91,88,97,1) 59%,rgba(85,85,93,1) 62%,rgba(78,77,83,1) 66%,rgba(78,76,81,1) 69%,rgba(80,77,86,1) 72%,rgba(136,132,131,1) 76%,rgba(162,170,172,1) 79%,rgba(138,145,129,1) 83%,rgba(134,135,130,1) 86%,rgba(124,118,122,1) 90%,rgba(149,143,143,1) 93%,rgba(148,150,136,1) 97%,rgba(146,146,138,1) 100%); }

/* mars */
.spaceBodyBackgroundColor.mars.primary { background-color: rgb(162, 114, 59); }
.spaceBodyBackgroundColor.mars.secondary { background-color: rgb(114, 85, 53); }
.spaceBodyBackgroundColor.mars.tertiary { background-color: rgb(217, 192, 138); }
.spaceBodyBackgroundGradient.mars { background: linear-gradient(to bottom, rgba(130,96,58,1) 0%,rgba(128,94,57,1) 1%,rgba(133,98,60,1) 3%,rgba(132,97,59,1) 3%,rgba(138,100,61,1) 4%,rgba(137,100,58,1) 5%,rgba(132,97,57,1) 5%,rgba(131,95,59,1) 6%,rgba(129,96,53,1) 7%,rgba(133,98,60,1) 8%,rgba(131,96,56,1) 9%,rgba(133,98,58,1) 10%,rgba(130,95,55,1) 11%,rgba(133,98,58,1) 12%,rgba(144,103,59,1) 14%,rgba(145,104,58,1) 16%,rgba(143,102,56,1) 17%,rgba(145,104,58,1) 18%,rgba(142,101,55,1) 19%,rgba(144,103,57,1) 19%,rgba(142,102,53,1) 20%,rgba(145,104,58,1) 21%,rgba(147,104,51,1) 23%,rgba(147,103,54,1) 25%,rgba(150,107,56,1) 26%,rgba(150,107,56,1) 27%,rgba(151,105,53,1) 28%,rgba(155,107,58,1) 29%,rgba(154,108,58,1) 30%,rgba(149,106,55,1) 31%,rgba(149,104,62,1) 32%,rgba(140,104,56,1) 33%,rgba(136,103,62,1) 34%,rgba(137,104,63,1) 34%,rgba(136,101,59,1) 35%,rgba(143,103,68,1) 36%,rgba(144,107,65,1) 36%,rgba(139,110,66,1) 37%,rgba(138,104,66,1) 37%,rgba(143,105,68,1) 38%,rgba(165,113,73,1) 38%,rgba(158,114,69,1) 39%,rgba(158,119,78,1) 39%,rgba(164,115,72,1) 40%,rgba(162,121,75,1) 40%,rgba(145,113,74,1) 41%,rgba(139,113,76,1) 41%,rgba(144,114,76,1) 42%,rgba(160,124,72,1) 42%,rgba(164,122,72,1) 43%,rgba(169,120,77,1) 43%,rgba(168,121,69,1) 44%,rgba(176,126,73,1) 45%,rgba(173,127,68,1) 46%,rgba(178,127,62,1) 47%,rgba(197,134,63,1) 49%,rgba(191,128,59,1) 50%,rgba(183,126,57,1) 51%,rgba(188,129,63,1) 52%,rgba(195,132,61,1) 53%,rgba(195,135,62,1) 53%,rgba(182,128,66,1) 55%,rgba(187,131,74,1) 55%,rgba(188,128,66,1) 56%,rgba(193,132,69,1) 56%,rgba(191,132,66,1) 57%,rgba(187,129,66,1) 58%,rgba(169,118,63,1) 58%,rgba(161,118,73,1) 59%,rgba(144,109,69,1) 59%,rgba(155,113,71,1) 60%,rgba(158,114,69,1) 61%,rgba(157,113,66,1) 62%,rgba(157,114,72,1) 63%,rgba(151,113,66,1) 63%,rgba(162,116,67,1) 64%,rgba(166,121,66,1) 64%,rgba(169,115,68,1) 65%,rgba(174,123,70,1) 65%,rgba(161,120,66,1) 66%,rgba(157,113,76,1) 66%,rgba(151,119,72,1) 67%,rgba(149,117,68,1) 67%,rgba(144,112,71,1) 68%,rgba(146,111,71,1) 69%,rgba(164,118,69,1) 70%,rgba(164,117,65,1) 70%,rgba(168,122,63,1) 71%,rgba(168,116,68,1) 72%,rgba(164,114,65,1) 72%,rgba(154,113,67,1) 73%,rgba(137,102,64,1) 73%,rgba(137,100,58,1) 74%,rgba(133,101,62,1) 75%,rgba(139,100,61,1) 75%,rgba(139,100,61,1) 76%,rgba(136,98,61,1) 77%,rgba(129,95,58,1) 77%,rgba(131,98,63,1) 78%,rgba(130,96,59,1) 78%,rgba(132,96,60,1) 80%,rgba(127,95,57,1) 82%,rgba(126,96,60,1) 83%,rgba(137,100,58,1) 85%,rgba(130,96,58,1) 87%,rgba(129,95,57,1) 90%,rgba(133,95,58,1) 91%,rgba(127,93,58,1) 93%,rgba(129,95,57,1) 95%,rgba(128,95,54,1) 95%,rgba(130,96,58,1) 96%,rgba(131,98,55,1) 99%,rgba(131,96,58,1) 100%); }

/* jupiter */
.spaceBodyBackgroundColor.jupiter.primary { background-color: rgb(156, 133, 115); }
.spaceBodyBackgroundColor.jupiter.secondary { background-color: rgb(205, 205, 213); }
.spaceBodyBackgroundColor.jupiter.tertiary { background-color: rgb(123, 138, 157); }
.spaceBodyBackgroundGradient.jupiter { background: linear-gradient(to bottom, rgba(109,95,84,1) 0%,rgba(107,93,84,1) 0%,rgba(102,89,80,1) 1%,rgba(101,88,80,1) 1%,rgba(105,96,89,1) 2%,rgba(112,102,92,1) 2%,rgba(118,102,89,1) 3%,rgba(119,99,88,1) 3%,rgba(113,97,82,1) 4%,rgba(115,99,84,1) 4%,rgba(126,113,104,1) 5%,rgba(120,111,106,1) 5%,rgba(115,105,104,1) 6%,rgba(115,106,97,1) 6%,rgba(115,106,97,1) 6%,rgba(123,115,104,1) 7%,rgba(123,113,103,1) 7%,rgba(127,117,108,1) 7%,rgba(121,112,103,1) 8%,rgba(120,115,111,1) 9%,rgba(124,119,115,1) 9%,rgba(124,119,113,1) 9%,rgba(128,121,115,1) 9%,rgba(128,118,109,1) 10%,rgba(135,122,113,1) 11%,rgba(126,117,108,1) 12%,rgba(125,118,110,1) 12%,rgba(132,122,113,1) 13%,rgba(127,123,114,1) 14%,rgba(128,127,123,1) 14%,rgba(132,133,128,1) 15%,rgba(135,132,127,1) 15%,rgba(142,137,134,1) 15%,rgba(143,134,127,1) 16%,rgba(139,128,124,1) 16%,rgba(138,129,122,1) 16%,rgba(145,141,140,1) 17%,rgba(146,144,147,1) 17%,rgba(148,148,148,1) 17%,rgba(150,151,156,1) 17%,rgba(149,153,156,1) 17%,rgba(146,153,163,1) 17%,rgba(145,154,161,1) 18%,rgba(150,159,176,1) 18%,rgba(151,159,178,1) 18%,rgba(157,165,184,1) 19%,rgba(156,164,183,1) 19%,rgba(159,167,186,1) 20%,rgba(155,166,184,1) 20%,rgba(159,170,188,1) 21%,rgba(155,166,184,1) 21%,rgba(155,166,184,1) 21%,rgba(157,163,175,1) 21%,rgba(149,156,166,1) 22%,rgba(140,141,145,1) 22%,rgba(141,141,141,1) 22%,rgba(141,137,134,1) 23%,rgba(146,138,135,1) 23%,rgba(146,137,132,1) 23%,rgba(131,120,116,1) 24%,rgba(127,117,108,1) 24%,rgba(142,126,113,1) 24%,rgba(139,123,108,1) 25%,rgba(138,124,113,1) 25%,rgba(128,119,110,1) 26%,rgba(128,121,111,1) 26%,rgba(129,121,118,1) 26%,rgba(135,127,125,1) 26%,rgba(143,134,135,1) 27%,rgba(155,151,150,1) 27%,rgba(161,159,162,1) 27%,rgba(160,161,165,1) 28%,rgba(167,168,173,1) 28%,rgba(173,171,174,1) 28%,rgba(172,171,177,1) 29%,rgba(163,166,171,1) 29%,rgba(158,160,172,1) 29%,rgba(170,177,187,1) 30%,rgba(168,178,190,1) 30%,rgba(160,167,177,1) 30%,rgba(159,163,172,1) 31%,rgba(171,170,176,1) 31%,rgba(173,168,172,1) 31%,rgba(175,171,172,1) 31%,rgba(167,164,173,1) 33%,rgba(168,166,169,1) 33%,rgba(163,161,162,1) 33%,rgba(165,161,160,1) 33%,rgba(159,154,150,1) 34%,rgba(160,153,147,1) 35%,rgba(162,154,151,1) 35%,rgba(159,151,148,1) 35%,rgba(159,150,145,1) 35%,rgba(152,139,131,1) 36%,rgba(147,133,124,1) 36%,rgba(147,131,118,1) 36%,rgba(148,132,117,1) 36%,rgba(164,147,131,1) 37%,rgba(167,150,134,1) 37%,rgba(171,153,141,1) 37%,rgba(178,159,144,1) 38%,rgba(175,157,137,1) 38%,rgba(171,150,129,1) 38%,rgba(161,141,116,1) 38%,rgba(149,123,98,1) 38%,rgba(142,118,94,1) 39%,rgba(147,125,102,1) 39%,rgba(160,138,115,1) 39%,rgba(163,149,138,1) 39%,rgba(173,160,151,1) 40%,rgba(179,169,160,1) 40%,rgba(180,171,166,1) 40%,rgba(175,167,164,1) 40%,rgba(152,142,140,1) 40%,rgba(153,133,122,1) 41%,rgba(150,130,119,1) 41%,rgba(148,126,105,1) 41%,rgba(143,122,101,1) 41%,rgba(144,118,91,1) 41%,rgba(141,119,95,1) 41%,rgba(150,123,94,1) 41%,rgba(162,132,106,1) 42%,rgba(163,135,111,1) 42%,rgba(157,132,110,1) 42%,rgba(150,131,114,1) 43%,rgba(156,139,119,1) 43%,rgba(160,142,130,1) 43%,rgba(161,145,130,1) 43%,rgba(161,146,139,1) 43%,rgba(166,152,141,1) 44%,rgba(170,157,151,1) 44%,rgba(175,162,154,1) 44%,rgba(175,162,154,1) 44%,rgba(166,156,147,1) 45%,rgba(166,157,152,1) 45%,rgba(164,157,151,1) 45%,rgba(167,158,151,1) 46%,rgba(165,156,147,1) 46%,rgba(170,162,151,1) 46%,rgba(179,172,162,1) 47%,rgba(182,175,169,1) 47%,rgba(184,179,176,1) 47%,rgba(181,179,184,1) 48%,rgba(174,174,182,1) 48%,rgba(171,173,185,1) 48%,rgba(165,168,183,1) 48%,rgba(165,169,181,1) 49%,rgba(160,166,178,1) 49%,rgba(163,169,181,1) 49%,rgba(174,180,192,1) 50%,rgba(180,182,195,1) 50%,rgba(183,187,199,1) 50%,rgba(182,186,198,1) 50%,rgba(170,176,188,1) 50%,rgba(163,169,181,1) 51%,rgba(168,170,183,1) 51%,rgba(177,180,189,1) 51%,rgba(191,192,196,1) 52%,rgba(197,196,201,1) 53%,rgba(195,194,200,1) 53%,rgba(198,198,208,1) 54%,rgba(192,196,207,1) 55%,rgba(193,197,208,1) 55%,rgba(189,195,209,1) 55%,rgba(177,183,199,1) 56%,rgba(173,180,198,1) 56%,rgba(173,181,202,1) 57%,rgba(179,194,213,1) 57%,rgba(180,197,215,1) 57%,rgba(163,180,200,1) 58%,rgba(165,180,201,1) 59%,rgba(176,189,206,1) 59%,rgba(178,189,207,1) 59%,rgba(184,196,212,1) 60%,rgba(184,196,212,1) 60%,rgba(181,187,203,1) 60%,rgba(163,169,181,1) 60%,rgba(152,155,162,1) 61%,rgba(152,152,154,1) 61%,rgba(157,151,151,1) 61%,rgba(156,148,145,1) 62%,rgba(161,152,147,1) 62%,rgba(167,158,153,1) 62%,rgba(168,159,154,1) 62%,rgba(160,153,147,1) 63%,rgba(157,152,149,1) 63%,rgba(155,146,147,1) 63%,rgba(161,152,147,1) 64%,rgba(162,151,145,1) 64%,rgba(157,147,137,1) 64%,rgba(160,144,128,1) 64%,rgba(164,145,128,1) 65%,rgba(169,148,131,1) 65%,rgba(166,145,128,1) 65%,rgba(169,141,127,1) 65%,rgba(167,140,123,1) 66%,rgba(166,140,123,1) 66%,rgba(170,145,125,1) 66%,rgba(182,155,134,1) 66%,rgba(183,161,150,1) 67%,rgba(187,169,159,1) 67%,rgba(170,173,178,1) 68%,rgba(168,171,180,1) 68%,rgba(162,164,176,1) 69%,rgba(166,160,172,1) 69%,rgba(164,162,173,1) 69%,rgba(168,163,167,1) 69%,rgba(165,166,170,1) 69%,rgba(169,166,161,1) 69%,rgba(166,165,160,1) 70%,rgba(166,159,149,1) 70%,rgba(162,155,145,1) 70%,rgba(163,153,143,1) 70%,rgba(162,155,149,1) 70%,rgba(161,157,146,1) 70%,rgba(157,156,154,1) 71%,rgba(154,155,150,1) 71%,rgba(152,153,155,1) 71%,rgba(150,154,155,1) 71%,rgba(157,151,151,1) 71%,rgba(149,145,146,1) 71%,rgba(142,140,141,1) 72%,rgba(132,125,119,1) 72%,rgba(136,127,110,1) 73%,rgba(130,123,107,1) 73%,rgba(132,122,112,1) 73%,rgba(134,122,108,1) 74%,rgba(143,130,114,1) 74%,rgba(142,130,116,1) 74%,rgba(155,142,134,1) 75%,rgba(165,151,150,1) 75%,rgba(167,153,152,1) 75%,rgba(164,163,169,1) 76%,rgba(168,165,172,1) 76%,rgba(169,172,181,1) 76%,rgba(171,174,181,1) 76%,rgba(167,177,189,1) 76%,rgba(168,178,188,1) 76%,rgba(163,181,195,1) 76%,rgba(166,179,196,1) 77%,rgba(161,178,198,1) 77%,rgba(172,188,213,1) 78%,rgba(170,186,202,1) 79%,rgba(168,185,205,1) 79%,rgba(164,181,201,1) 79%,rgba(166,178,200,1) 80%,rgba(165,173,192,1) 80%,rgba(165,173,194,1) 80%,rgba(166,173,189,1) 80%,rgba(166,171,191,1) 81%,rgba(163,170,180,1) 81%,rgba(162,166,178,1) 81%,rgba(162,165,172,1) 81%,rgba(161,164,171,1) 81%,rgba(165,166,171,1) 81%,rgba(153,154,158,1) 82%,rgba(144,145,149,1) 82%,rgba(136,137,139,1) 83%,rgba(138,137,142,1) 83%,rgba(148,147,152,1) 83%,rgba(156,155,160,1) 84%,rgba(160,159,164,1) 84%,rgba(157,157,157,1) 85%,rgba(159,157,162,1) 85%,rgba(158,156,161,1) 86%,rgba(154,152,155,1) 86%,rgba(139,139,139,1) 87%,rgba(136,136,136,1) 89%,rgba(137,137,137,1) 89%,rgba(142,140,143,1) 89%,rgba(134,130,129,1) 90%,rgba(132,127,123,1) 90%,rgba(129,124,120,1) 91%,rgba(131,126,122,1) 91%,rgba(128,124,115,1) 91%,rgba(124,119,113,1) 92%,rgba(127,119,116,1) 93%,rgba(122,114,112,1) 93%,rgba(123,115,113,1) 94%,rgba(117,112,109,1) 94%,rgba(116,112,109,1) 95%,rgba(108,104,101,1) 95%,rgba(108,103,100,1) 96%,rgba(110,105,102,1) 97%,rgba(117,112,108,1) 97%,rgba(114,109,103,1) 98%,rgba(127,119,116,1) 99%,rgba(125,120,117,1) 99%,rgba(122,117,114,1) 100%,rgba(126,121,118,1) 100%); }

/* saturn */
.spaceBodyBackgroundColor.saturn.primary { background-color: rgb(215, 204, 176); }
.spaceBodyBackgroundColor.saturn.secondary { background-color: rgb(252, 252, 228); }
.spaceBodyBackgroundColor.saturn.tertiary { background-color: rgb(116, 119, 124); }
.spaceBodyBackgroundGradient.saturn { background: linear-gradient(to bottom, rgba(104,112,114,1) 0%,rgba(118,126,129,1) 1%,rgba(121,125,130,1) 1%,rgba(130,136,137,1) 2%,rgba(147,144,142,1) 3%,rgba(148,147,146,1) 4%,rgba(146,148,143,1) 4%,rgba(154,153,149,1) 5%,rgba(154,155,150,1) 5%,rgba(157,157,155,1) 5%,rgba(163,163,158,1) 7%,rgba(162,161,153,1) 8%,rgba(168,162,154,1) 8%,rgba(170,167,155,1) 8%,rgba(176,172,161,1) 9%,rgba(181,174,164,1) 9%,rgba(177,171,157,1) 11%,rgba(180,174,160,1) 12%,rgba(177,173,161,1) 12%,rgba(183,177,165,1) 13%,rgba(188,178,166,1) 14%,rgba(186,177,162,1) 14%,rgba(189,180,165,1) 15%,rgba(189,182,164,1) 15%,rgba(191,183,170,1) 16%,rgba(190,182,169,1) 16%,rgba(193,182,171,1) 17%,rgba(193,184,168,1) 18%,rgba(197,184,171,1) 18%,rgba(199,188,169,1) 19%,rgba(196,185,166,1) 20%,rgba(199,186,168,1) 21%,rgba(198,185,166,1) 23%,rgba(200,188,167,1) 23%,rgba(199,189,164,1) 24%,rgba(202,190,164,1) 24%,rgba(212,198,172,1) 26%,rgba(209,193,168,1) 27%,rgba(211,196,172,1) 27%,rgba(217,206,177,1) 28%,rgba(221,209,187,1) 28%,rgba(218,203,175,1) 29%,rgba(216,202,178,1) 29%,rgba(216,201,175,1) 29%,rgba(219,203,178,1) 30%,rgba(220,205,181,1) 30%,rgba(228,214,194,1) 30%,rgba(232,221,195,1) 30%,rgba(242,228,204,1) 31%,rgba(240,230,201,1) 31%,rgba(246,232,205,1) 33%,rgba(244,229,203,1) 34%,rgba(245,232,204,1) 35%,rgba(242,230,204,1) 36%,rgba(242,233,208,1) 37%,rgba(244,234,207,1) 38%,rgba(251,243,215,1) 39%,rgba(247,236,212,1) 39%,rgba(239,223,208,1) 39%,rgba(206,186,181,1) 39%,rgba(158,139,140,1) 39%,rgba(120,104,104,1) 39%,rgba(113,102,94,1) 40%,rgba(132,126,106,1) 40%,rgba(159,158,137,1) 40%,rgba(191,191,173,1) 40%,rgba(210,207,196,1) 40%,rgba(213,209,206,1) 41%,rgba(220,216,217,1) 41%,rgba(213,209,210,1) 41%,rgba(200,196,196,1) 41%,rgba(203,199,197,1) 41%,rgba(228,224,215,1) 42%,rgba(235,231,221,1) 42%,rgba(232,228,217,1) 42%,rgba(232,228,219,1) 42%,rgba(230,226,218,1) 43%,rgba(225,220,215,1) 43%,rgba(217,211,209,1) 43%,rgba(202,196,197,1) 43%,rgba(180,172,178,1) 43%,rgba(155,144,156,1) 43%,rgba(134,122,137,1) 44%,rgba(127,116,123,1) 44%,rgba(140,132,128,1) 44%,rgba(165,156,142,1) 44%,rgba(200,192,161,1) 44%,rgba(229,224,189,1) 44%,rgba(248,246,206,1) 45%,rgba(253,253,216,1) 45%,rgba(251,251,218,1) 45%,rgba(249,249,213,1) 45%,rgba(251,251,217,1) 46%,rgba(250,250,216,1) 47%,rgba(252,251,220,1) 48%,rgba(250,249,218,1) 49%,rgba(252,250,220,1) 50%,rgba(251,245,219,1) 51%,rgba(254,250,221,1) 51%,rgba(251,251,227,1) 52%,rgba(251,251,222,1) 53%,rgba(251,251,217,1) 55%,rgba(251,252,221,1) 55%,rgba(251,252,221,1) 56%,rgba(250,249,218,1) 58%,rgba(249,242,215,1) 58%,rgba(251,241,216,1) 59%,rgba(248,241,213,1) 59%,rgba(249,246,213,1) 59%,rgba(253,241,219,1) 60%,rgba(252,239,220,1) 60%,rgba(251,236,215,1) 60%,rgba(247,228,202,1) 61%,rgba(240,224,196,1) 61%,rgba(238,223,194,1) 61%,rgba(239,223,196,1) 61%,rgba(233,219,193,1) 62%,rgba(233,218,195,1) 62%,rgba(231,217,190,1) 63%,rgba(224,210,183,1) 63%,rgba(224,210,180,1) 63%,rgba(222,208,179,1) 65%,rgba(224,210,181,1) 65%,rgba(221,207,178,1) 65%,rgba(221,207,181,1) 66%,rgba(220,205,179,1) 67%,rgba(215,201,174,1) 67%,rgba(211,200,172,1) 68%,rgba(213,202,174,1) 69%,rgba(212,201,173,1) 70%,rgba(207,195,169,1) 71%,rgba(209,197,171,1) 71%,rgba(209,198,170,1) 74%,rgba(207,195,171,1) 75%,rgba(210,198,176,1) 75%,rgba(210,200,177,1) 76%,rgba(220,209,189,1) 77%,rgba(218,209,190,1) 77%,rgba(222,211,192,1) 78%,rgba(222,211,192,1) 79%,rgba(217,207,191,1) 79%,rgba(216,208,191,1) 80%,rgba(214,202,186,1) 81%,rgba(219,205,189,1) 82%,rgba(218,209,194,1) 82%,rgba(216,206,195,1) 83%,rgba(219,209,196,1) 83%,rgba(212,202,193,1) 84%,rgba(212,202,193,1) 84%,rgba(209,202,186,1) 85%,rgba(209,201,190,1) 85%,rgba(202,193,186,1) 86%,rgba(196,189,179,1) 86%,rgba(193,184,172,1) 87%,rgba(195,179,173,1) 87%,rgba(187,175,166,1) 88%,rgba(189,174,167,1) 89%,rgba(186,171,164,1) 90%,rgba(187,173,164,1) 90%,rgba(176,166,157,1) 91%,rgba(157,152,146,1) 92%,rgba(160,155,149,1) 92%,rgba(157,152,146,1) 93%,rgba(155,150,147,1) 93%,rgba(138,137,136,1) 94%,rgba(133,134,134,1) 94%,rgba(131,133,132,1) 95%,rgba(122,127,130,1) 96%,rgba(117,121,124,1) 97%,rgba(113,122,124,1) 97%,rgba(115,117,125,1) 98%,rgba(111,117,123,1) 98%,rgba(105,112,121,1) 98%,rgba(98,105,113,1) 100%,rgba(100,107,113,1) 100%); }

/* uranus */
.spaceBodyBackgroundColor.uranus.primary { background-color: rgb(187, 213, 226); }
.spaceBodyBackgroundColor.uranus.secondary { background-color: rgb(148, 176, 190); }
.spaceBodyBackgroundColor.uranus.tertiary { background-color: rgb(94, 121, 132); }
.spaceBodyBackgroundGradient.uranus { background: linear-gradient(to bottom, rgba(197,220,234,1) 0%,rgba(197,220,234,1) 1%,rgba(199,222,236,1) 1%,rgba(197,220,234,1) 4%,rgba(200,223,237,1) 5%,rgba(197,220,234,1) 6%,rgba(199,222,236,1) 7%,rgba(197,220,234,1) 10%,rgba(200,223,237,1) 12%,rgba(196,219,233,1) 13%,rgba(199,225,238,1) 13%,rgba(196,222,235,1) 14%,rgba(200,226,239,1) 14%,rgba(196,222,235,1) 14%,rgba(200,223,237,1) 15%,rgba(197,220,234,1) 15%,rgba(200,222,236,1) 16%,rgba(198,220,234,1) 17%,rgba(199,222,236,1) 19%,rgba(195,221,234,1) 19%,rgba(197,223,236,1) 20%,rgba(195,221,234,1) 20%,rgba(197,223,236,1) 22%,rgba(194,220,233,1) 24%,rgba(196,222,235,1) 24%,rgba(194,222,233,1) 24%,rgba(196,223,234,1) 31%,rgba(193,219,232,1) 32%,rgba(195,221,234,1) 32%,rgba(193,220,231,1) 34%,rgba(196,223,234,1) 34%,rgba(193,220,231,1) 35%,rgba(189,216,227,1) 35%,rgba(194,220,233,1) 36%,rgba(191,217,230,1) 36%,rgba(194,220,233,1) 37%,rgba(191,217,230,1) 39%,rgba(193,219,232,1) 40%,rgba(191,217,230,1) 40%,rgba(192,218,231,1) 40%,rgba(187,213,226,1) 41%,rgba(191,217,230,1) 41%,rgba(189,215,228,1) 41%,rgba(191,217,230,1) 42%,rgba(189,215,228,1) 42%,rgba(188,214,227,1) 43%,rgba(190,216,229,1) 43%,rgba(189,215,228,1) 44%,rgba(186,212,225,1) 44%,rgba(189,215,228,1) 45%,rgba(185,211,224,1) 45%,rgba(186,212,225,1) 47%,rgba(184,210,223,1) 47%,rgba(185,211,224,1) 47%,rgba(183,209,222,1) 48%,rgba(185,211,224,1) 48%,rgba(182,208,221,1) 49%,rgba(184,210,223,1) 49%,rgba(180,206,219,1) 50%,rgba(183,209,222,1) 51%,rgba(180,206,219,1) 51%,rgba(181,207,220,1) 52%,rgba(179,205,218,1) 52%,rgba(179,205,218,1) 55%,rgba(175,201,214,1) 55%,rgba(178,204,217,1) 56%,rgba(175,201,214,1) 56%,rgba(179,205,218,1) 57%,rgba(174,200,213,1) 57%,rgba(177,203,216,1) 59%,rgba(174,200,213,1) 60%,rgba(176,202,215,1) 60%,rgba(174,200,213,1) 60%,rgba(174,200,213,1) 61%,rgba(170,196,209,1) 61%,rgba(170,196,209,1) 61%,rgba(175,201,214,1) 62%,rgba(170,196,209,1) 62%,rgba(172,198,211,1) 62%,rgba(170,196,209,1) 63%,rgba(173,201,213,1) 63%,rgba(170,198,210,1) 64%,rgba(173,201,213,1) 64%,rgba(169,195,208,1) 64%,rgba(171,197,210,1) 65%,rgba(169,195,208,1) 65%,rgba(172,198,211,1) 65%,rgba(170,196,209,1) 66%,rgba(169,197,211,1) 68%,rgba(167,195,209,1) 69%,rgba(169,198,212,1) 69%,rgba(166,195,209,1) 70%,rgba(169,197,211,1) 70%,rgba(169,197,211,1) 71%,rgba(165,193,207,1) 71%,rgba(167,195,209,1) 72%,rgba(165,193,205,1) 73%,rgba(167,195,207,1) 74%,rgba(164,193,207,1) 75%,rgba(161,190,204,1) 75%,rgba(163,192,206,1) 77%,rgba(162,191,205,1) 78%,rgba(159,188,202,1) 79%,rgba(163,191,205,1) 79%,rgba(159,187,201,1) 80%,rgba(161,189,203,1) 81%,rgba(157,185,199,1) 81%,rgba(159,187,201,1) 82%,rgba(157,185,199,1) 82%,rgba(155,183,197,1) 83%,rgba(157,185,199,1) 85%,rgba(153,181,195,1) 86%,rgba(154,182,196,1) 86%,rgba(150,178,192,1) 87%,rgba(152,180,194,1) 88%,rgba(149,177,191,1) 89%,rgba(150,178,192,1) 89%,rgba(147,175,189,1) 90%,rgba(149,177,191,1) 90%,rgba(149,177,191,1) 91%,rgba(143,171,185,1) 92%,rgba(146,174,188,1) 93%,rgba(146,174,188,1) 94%,rgba(138,166,180,1) 95%,rgba(140,168,182,1) 96%,rgba(135,163,177,1) 96%,rgba(136,164,178,1) 97%,rgba(132,160,174,1) 97%,rgba(134,162,176,1) 98%,rgba(130,158,172,1) 98%,rgba(131,159,173,1) 99%,rgba(128,154,167,1) 100%,rgba(129,155,168,1) 100%); }

/* neptune */
.spaceBodyBackgroundColor.neptune.primary { background-color: rgb(132, 152, 182); }
.spaceBodyBackgroundColor.neptune.secondary { background-color: rgb(135, 155, 182); }
.spaceBodyBackgroundColor.neptune.tertiary { background-color: rgb(224, 237, 254); }
.spaceBodyBackgroundGradient.neptune { background: linear-gradient(to bottom, rgba(131,146,169,1) 0%,rgba(127,143,166,1) 1%,rgba(130,148,172,1) 2%,rgba(128,146,170,1) 3%,rgba(130,147,173,1) 4%,rgba(131,146,175,1) 6%,rgba(135,151,184,1) 8%,rgba(130,153,185,1) 10%,rgba(134,153,186,1) 10%,rgba(131,151,184,1) 11%,rgba(132,155,187,1) 12%,rgba(132,158,191,1) 15%,rgba(135,159,193,1) 16%,rgba(140,163,197,1) 16%,rgba(140,163,197,1) 17%,rgba(143,166,200,1) 18%,rgba(141,164,198,1) 18%,rgba(146,170,204,1) 19%,rgba(142,165,199,1) 21%,rgba(142,168,201,1) 21%,rgba(138,167,199,1) 22%,rgba(140,169,203,1) 22%,rgba(138,168,202,1) 23%,rgba(142,168,203,1) 24%,rgba(137,169,207,1) 26%,rgba(143,171,210,1) 28%,rgba(143,173,211,1) 29%,rgba(141,171,209,1) 30%,rgba(143,173,211,1) 30%,rgba(142,174,213,1) 33%,rgba(143,175,216,1) 33%,rgba(143,176,217,1) 36%,rgba(141,174,215,1) 36%,rgba(142,177,217,1) 36%,rgba(139,174,212,1) 37%,rgba(147,181,216,1) 37%,rgba(146,181,213,1) 38%,rgba(154,187,220,1) 38%,rgba(143,178,210,1) 38%,rgba(161,194,227,1) 38%,rgba(148,174,209,1) 39%,rgba(150,174,210,1) 39%,rgba(149,171,208,1) 40%,rgba(143,166,198,1) 40%,rgba(142,165,196,1) 41%,rgba(134,161,190,1) 43%,rgba(139,164,194,1) 43%,rgba(145,171,198,1) 44%,rgba(160,184,212,1) 44%,rgba(168,192,220,1) 44%,rgba(170,194,222,1) 45%,rgba(167,191,217,1) 45%,rgba(178,199,228,1) 45%,rgba(193,214,243,1) 46%,rgba(184,205,236,1) 46%,rgba(162,185,216,1) 46%,rgba(145,168,199,1) 46%,rgba(136,161,191,1) 47%,rgba(139,164,194,1) 47%,rgba(136,163,193,1) 48%,rgba(140,167,194,1) 48%,rgba(140,165,205,1) 49%,rgba(146,173,203,1) 49%,rgba(153,179,212,1) 50%,rgba(167,194,224,1) 50%,rgba(182,206,240,1) 50%,rgba(187,212,242,1) 51%,rgba(187,210,244,1) 51%,rgba(197,223,250,1) 51%,rgba(195,221,254,1) 51%,rgba(190,219,251,1) 52%,rgba(178,206,245,1) 52%,rgba(155,185,221,1) 52%,rgba(144,172,211,1) 53%,rgba(146,172,205,1) 54%,rgba(145,169,205,1) 54%,rgba(146,169,203,1) 57%,rgba(143,167,201,1) 58%,rgba(144,170,203,1) 59%,rgba(141,167,200,1) 60%,rgba(143,167,201,1) 63%,rgba(141,165,199,1) 63%,rgba(144,168,202,1) 64%,rgba(142,166,200,1) 65%,rgba(144,168,202,1) 66%,rgba(140,165,196,1) 69%,rgba(142,165,197,1) 70%,rgba(136,155,187,1) 74%,rgba(138,159,188,1) 76%,rgba(132,158,185,1) 76%,rgba(138,153,182,1) 77%,rgba(134,151,177,1) 78%,rgba(128,142,168,1) 80%,rgba(128,140,162,1) 83%,rgba(129,141,165,1) 84%,rgba(126,138,160,1) 85%,rgba(128,140,162,1) 86%,rgba(123,138,159,1) 86%,rgba(125,142,162,1) 88%,rgba(120,135,154,1) 89%,rgba(117,132,151,1) 90%,rgba(120,133,152,1) 91%,rgba(119,130,150,1) 91%,rgba(120,131,151,1) 93%,rgba(118,129,149,1) 93%,rgba(117,130,149,1) 95%,rgba(120,133,152,1) 96%,rgba(121,127,149,1) 96%,rgba(116,129,146,1) 97%,rgba(118,129,149,1) 98%,rgba(115,128,147,1) 100%); }

/* pluto */
.spaceBodyBackgroundColor.pluto.primary { background-color: rgb(176, 144, 117); }
.spaceBodyBackgroundColor.pluto.secondary { background-color: rgb(237, 203, 176); }
.spaceBodyBackgroundColor.pluto.tertiary { background-color: rgb(78, 59, 44); }
.spaceBodyBackgroundGradient.pluto { background: linear-gradient(to bottom, rgba(205,176,146,1) 0%,rgba(207,176,147,1) 1%,rgba(205,174,146,1) 2%,rgba(211,181,153,1) 2%,rgba(212,182,154,1) 2%,rgba(210,179,150,1) 2%,rgba(215,184,155,1) 3%,rgba(213,182,153,1) 3%,rgba(217,186,157,1) 4%,rgba(214,183,154,1) 5%,rgba(220,189,160,1) 5%,rgba(217,186,158,1) 5%,rgba(219,188,160,1) 6%,rgba(219,186,155,1) 6%,rgba(221,188,155,1) 7%,rgba(230,197,164,1) 7%,rgba(226,193,160,1) 8%,rgba(231,198,167,1) 8%,rgba(229,196,165,1) 8%,rgba(230,197,166,1) 8%,rgba(226,193,162,1) 9%,rgba(234,201,170,1) 9%,rgba(232,201,170,1) 9%,rgba(226,193,160,1) 10%,rgba(223,190,157,1) 10%,rgba(221,190,159,1) 10%,rgba(223,192,163,1) 11%,rgba(225,191,166,1) 11%,rgba(231,195,171,1) 12%,rgba(229,195,168,1) 12%,rgba(231,197,170,1) 12%,rgba(227,193,166,1) 13%,rgba(234,200,173,1) 14%,rgba(229,198,169,1) 14%,rgba(230,199,171,1) 15%,rgba(228,197,168,1) 16%,rgba(235,204,175,1) 16%,rgba(234,204,170,1) 17%,rgba(230,199,168,1) 17%,rgba(228,198,170,1) 19%,rgba(233,203,175,1) 19%,rgba(237,210,181,1) 20%,rgba(236,209,180,1) 20%,rgba(229,202,173,1) 20%,rgba(225,198,169,1) 20%,rgba(235,205,177,1) 21%,rgba(240,209,181,1) 21%,rgba(225,195,167,1) 22%,rgba(228,198,170,1) 22%,rgba(229,199,171,1) 23%,rgba(223,193,165,1) 23%,rgba(219,189,161,1) 24%,rgba(220,190,162,1) 24%,rgba(226,196,168,1) 25%,rgba(227,193,166,1) 26%,rgba(232,198,171,1) 26%,rgba(232,198,171,1) 26%,rgba(239,205,177,1) 27%,rgba(239,205,177,1) 27%,rgba(229,196,165,1) 27%,rgba(238,205,174,1) 28%,rgba(242,209,178,1) 28%,rgba(241,208,177,1) 29%,rgba(243,210,179,1) 29%,rgba(238,205,174,1) 29%,rgba(240,206,178,1) 30%,rgba(232,199,168,1) 30%,rgba(233,200,169,1) 30%,rgba(241,208,177,1) 31%,rgba(245,212,179,1) 31%,rgba(243,210,177,1) 32%,rgba(238,205,172,1) 32%,rgba(241,208,175,1) 32%,rgba(235,202,169,1) 33%,rgba(230,197,164,1) 33%,rgba(220,187,154,1) 33%,rgba(221,188,157,1) 34%,rgba(224,191,160,1) 34%,rgba(230,197,166,1) 35%,rgba(217,184,153,1) 35%,rgba(230,197,166,1) 36%,rgba(226,193,162,1) 36%,rgba(226,192,164,1) 37%,rgba(233,199,171,1) 37%,rgba(220,186,158,1) 37%,rgba(202,168,140,1) 38%,rgba(176,142,114,1) 38%,rgba(151,120,91,1) 39%,rgba(201,170,141,1) 39%,rgba(199,168,140,1) 39%,rgba(210,179,151,1) 39%,rgba(214,183,155,1) 40%,rgba(207,173,146,1) 41%,rgba(214,183,155,1) 41%,rgba(196,165,137,1) 41%,rgba(204,173,144,1) 42%,rgba(208,177,148,1) 42%,rgba(200,169,140,1) 42%,rgba(205,174,143,1) 42%,rgba(205,174,143,1) 43%,rgba(197,166,135,1) 43%,rgba(208,175,142,1) 43%,rgba(208,174,146,1) 44%,rgba(196,163,132,1) 44%,rgba(228,195,162,1) 44%,rgba(216,183,150,1) 45%,rgba(220,186,158,1) 45%,rgba(184,151,120,1) 46%,rgba(202,169,138,1) 46%,rgba(203,170,139,1) 46%,rgba(212,179,148,1) 47%,rgba(218,185,154,1) 47%,rgba(190,157,126,1) 47%,rgba(185,152,121,1) 48%,rgba(184,151,120,1) 48%,rgba(192,158,130,1) 48%,rgba(185,152,121,1) 48%,rgba(197,162,132,1) 49%,rgba(230,195,165,1) 49%,rgba(235,202,169,1) 49%,rgba(194,161,128,1) 50%,rgba(192,159,128,1) 50%,rgba(204,173,142,1) 50%,rgba(203,170,139,1) 51%,rgba(189,156,125,1) 51%,rgba(169,136,105,1) 51%,rgba(176,143,112,1) 52%,rgba(209,176,145,1) 52%,rgba(220,187,156,1) 52%,rgba(180,147,116,1) 52%,rgba(149,116,85,1) 53%,rgba(186,153,122,1) 53%,rgba(199,166,135,1) 53%,rgba(175,142,109,1) 54%,rgba(205,174,143,1) 54%,rgba(174,143,112,1) 55%,rgba(139,110,78,1) 55%,rgba(212,183,153,1) 55%,rgba(178,149,119,1) 55%,rgba(218,189,159,1) 56%,rgba(174,144,116,1) 56%,rgba(145,115,87,1) 56%,rgba(123,93,65,1) 57%,rgba(144,114,86,1) 57%,rgba(122,92,66,1) 57%,rgba(132,102,76,1) 58%,rgba(121,91,67,1) 58%,rgba(90,60,36,1) 58%,rgba(111,81,57,1) 58%,rgba(152,122,98,1) 59%,rgba(116,85,64,1) 59%,rgba(115,85,57,1) 60%,rgba(155,125,99,1) 60%,rgba(172,142,114,1) 61%,rgba(152,122,94,1) 61%,rgba(129,99,71,1) 61%,rgba(120,91,61,1) 61%,rgba(116,87,57,1) 62%,rgba(138,108,80,1) 62%,rgba(187,157,129,1) 62%,rgba(124,94,66,1) 63%,rgba(97,67,39,1) 63%,rgba(128,98,70,1) 63%,rgba(152,122,94,1) 64%,rgba(131,101,73,1) 64%,rgba(148,118,90,1) 64%,rgba(123,93,65,1) 64%,rgba(103,73,45,1) 65%,rgba(139,109,81,1) 65%,rgba(130,100,72,1) 65%,rgba(97,67,39,1) 66%,rgba(83,53,25,1) 66%,rgba(108,78,50,1) 67%,rgba(96,66,38,1) 67%,rgba(89,59,31,1) 67%,rgba(88,58,30,1) 68%,rgba(83,53,25,1) 68%,rgba(112,82,54,1) 68%,rgba(106,76,48,1) 69%,rgba(71,41,13,1) 69%,rgba(113,82,54,1) 69%,rgba(121,90,62,1) 70%,rgba(105,75,47,1) 70%,rgba(93,63,37,1) 70%,rgba(76,46,20,1) 70%,rgba(66,36,10,1) 71%,rgba(113,83,57,1) 72%,rgba(120,92,68,1) 72%,rgba(114,86,64,1) 72%,rgba(101,73,51,1) 73%,rgba(77,49,27,1) 73%,rgba(99,71,47,1) 73%,rgba(114,86,62,1) 73%,rgba(104,78,53,1) 74%,rgba(100,74,49,1) 74%,rgba(116,92,66,1) 74%,rgba(119,93,68,1) 75%,rgba(112,86,61,1) 75%,rgba(116,90,65,1) 75%,rgba(133,107,82,1) 76%,rgba(122,96,71,1) 76%,rgba(122,96,71,1) 76%,rgba(116,90,65,1) 77%,rgba(118,92,67,1) 77%,rgba(122,96,71,1) 77%,rgba(140,114,89,1) 77%,rgba(132,106,81,1) 78%,rgba(85,57,33,1) 78%,rgba(98,70,46,1) 78%,rgba(107,81,56,1) 79%,rgba(108,82,57,1) 79%,rgba(76,50,25,1) 79%,rgba(71,45,20,1) 80%,rgba(106,80,55,1) 80%,rgba(114,88,63,1) 80%,rgba(123,97,72,1) 81%,rgba(96,70,47,1) 81%,rgba(52,26,3,1) 81%,rgba(64,37,16,1) 82%,rgba(69,43,20,1) 82%,rgba(70,44,21,1) 82%,rgba(114,88,65,1) 83%,rgba(91,65,42,1) 83%,rgba(72,48,24,1) 83%,rgba(81,56,34,1) 83%,rgba(79,57,34,1) 84%,rgba(46,24,1,1) 84%,rgba(76,54,31,1) 84%,rgba(65,43,20,1) 85%,rgba(46,24,1,1) 85%,rgba(69,47,24,1) 85%,rgba(55,33,10,1) 86%,rgba(44,22,0,1) 86%,rgba(53,31,8,1) 86%,rgba(46,24,3,1) 87%,rgba(50,28,7,1) 87%,rgba(96,74,53,1) 87%,rgba(76,54,33,1) 88%,rgba(43,21,0,1) 88%,rgba(42,20,0,1) 88%,rgba(46,23,5,1) 89%,rgba(45,22,4,1) 89%,rgba(42,19,1,1) 89%,rgba(47,24,6,1) 90%,rgba(42,19,1,1) 90%,rgba(45,22,4,1) 90%,rgba(51,28,10,1) 91%,rgba(46,23,5,1) 91%,rgba(43,20,2,1) 92%,rgba(45,22,4,1) 92%,rgba(41,18,0,1) 92%,rgba(47,24,6,1) 93%,rgba(42,21,4,1) 93%,rgba(48,27,10,1) 93%,rgba(41,20,3,1) 94%,rgba(50,31,16,1) 94%,rgba(50,31,16,1) 95%,rgba(42,24,10,1) 95%,rgba(46,27,12,1) 95%,rgba(47,25,11,1) 96%,rgba(51,30,11,1) 97%,rgba(50,28,5,1) 97%,rgba(50,25,3,1) 98%,rgba(51,31,7,1) 98%,rgba(45,25,0,1) 98%,rgba(47,20,0,1) 99%,rgba(50,23,6,1) 100%,rgba(47,20,3,1) 100%); }

/* space bodies real images */
.spaceBodyRealImage.sun { background-image: url('../images/spaceBodiesRealImages/sun.jpg'); }
.spaceBodyRealImage.mercury { background-image: url('../images/spaceBodiesRealImages/mercury.jpg'); }
.spaceBodyRealImage.venus { background-image: url('../images/spaceBodiesRealImages/venus.jpg'); }
.spaceBodyRealImage.earth { background-image: url('../images/spaceBodiesRealImages/earth.jpg'); }
.spaceBodyRealImage.moon { background-image: url('../images/spaceBodiesRealImages/moon.jpg'); }
.spaceBodyRealImage.mars { background-image: url('../images/spaceBodiesRealImages/mars.jpg'); }
.spaceBodyRealImage.jupiter { background-image: url('../images/spaceBodiesRealImages/jupiter.jpg'); }
.spaceBodyRealImage.saturn { background-image: url('../images/spaceBodiesRealImages/saturn.jpg'); }
.spaceBodyRealImage.uranus { background-image: url('../images/spaceBodiesRealImages/uranus.jpg'); }
.spaceBodyRealImage.neptune { background-image: url('../images/spaceBodiesRealImages/neptune.jpg'); }
.spaceBodyRealImage.pluto { background-image: url('../images/spaceBodiesRealImages/pluto.jpg'); }/* space bodies sizes, specify with as the diameter in kilometers/1000 in em units. Height must be the same if the body is perfectly round. Specify a smaller height for non-spherical bodies. */
.spaceBodySize.sun { width: 1391.4em; height: 1391.4em; }
.spaceBodySize.mercury { width: 4.879em; height: 4.879em; }
.spaceBodySize.venus { width: 12.104em; height: 12.104em; }
.spaceBodySize.earth { width: 12.756em; height: 12em; }
.spaceBodySize.moon { width: 3.474em; height: 3.474em; }
.spaceBodySize.mars { width: 6.792em; height: 6.792em; }
.spaceBodySize.jupiter { width: 142.984em; height: 136em; }
.spaceBodySize.saturn { width: 120.536em; height: 120.536em; }
.spaceBodySize.uranus { width: 51.118em; height: 51.118em; }
.spaceBodySize.neptune { width: 49.528em; height: 49.528em; }
.spaceBodySize.pluto { width: 2.374em; height: 2.374em; }