:root {

	--sun-name:"Sun";
	--sun-size: 8;
	--sun-real-size: 1392684;
	--sun-color: #FFC107;
	--sun-period: 0;
	--sun-distance: 0;
	
	--mercury-name:"Mercury";
	--mercury-size: 1.5;
	--mercury-distance: 1;
	--mercury-real-size: 2439;
	--mercury-real-distance: 57909050;
	--mercury-period: 88;
	--mercury-color: #989494;
	
	--venus-name:"Venus";
	--venus-size: 3;
	--venus-distance: 2;
	--venus-real-size: 6052;
	--venus-real-distance: 108209500;
	--venus-period: 225;
	--venus-color: #e1d59d;
	
	--earth-name:"Earth";
	--earth-size: 3;
	--earth-distance: 3;
	--earth-real-size: 6378;
	--earth-real-distance: 149597887;
	--earth-period: 365;
	--earth-color: #008bb3;
	
		--moon-name:"Moon";
		--moon-size: 1;
		--moon-distance: .5;
		--moon-period: 28s;
		--moon-color: red;
		
	--mars-name:"Mars";
	--mars-size: 2;
	--mars-distance: 4;
	--mars-real-size: 3396;
	--mars-real-distance: 227944000;
	--mars-period: 687;
	--mars-color: #dfa272;
	
	--jupiter-name:"Jupiter";
	--jupiter-size: 6.5;
	--jupiter-distance: 7;
	--jupiter-period: 4333;
	--jupiter-color: #af7045;
	
	--saturn-name:"Saturn";
	--saturn-size: 6;
	--saturn-distance: 8;
	--saturn-period: 10759;
	--saturn-color: #b5a189;
	
	--uranus-name:"Uranus";
	--uranus-size: 4;
	--uranus-distance: 9;
	--uranus-period: 30685;
	--uranus-color: #77aac4;
	
	--neptune-name:"Neptune";
	--neptune-size: 4;
	--neptune-distance: 10;
	--neptune-period: 60266;
	--neptune-color: #3a80a4;
	
	/*	--moon-size:8px;
	--moon-distance: 30px;
	--moon-color: grey;
	--moon-period: 1s;*/
}


.sun {
	--ao-group-name: var(--sun-name);
	--ao-group-distance: var(--sun-distance);
	--ao-group-period: var(--sun-period);
	--ao-group-size:var(--sun-size);
	--ao-group-color: var(--sun-color);
	animation:none;
}

.real .sun {
	--ao-group-size:calc(var(--sun-real-size) * var(--real-size-factor));
}

.sun .ao-body {
	transform:rotateX(calc(-1 * var(--solar-system-inclinaison)));
	box-shadow: 0 0 16px 4px #ffbc00;
	animation:none;
}

.mercury {
	--ao-group-name: var(--mercury-name);
	--ao-group-distance: var(--mercury-distance);
	--ao-group-size:var(--mercury-size);
	--ao-group-color: var(--mercury-color);
	--ao-group-period: var(--mercury-period);
}

.real .mercury {
	--ao-group-distance: calc(var(--mercury-real-distance) * var(--real-distance-factor));
	--ao-group-size:calc(var(--mercury-real-size) * var(--real-size-factor));
}

.venus {
	--ao-group-name: var(--venus-name);
	--ao-group-distance: var(--venus-distance);
	--ao-group-size:var(--venus-size);
	--ao-group-color: var(--venus-color);
	--ao-group-period: var(--venus-period);
}

.real .venus {
	--ao-group-distance: calc(var(--venus-real-distance) * var(--real-distance-factor));
	--ao-group-size:calc(var(--venus-real-size) * var(--real-size-factor));
}

.earth {
	--ao-group-name: var(--earth-name);
	--ao-group-distance: var(--earth-distance);
	--ao-group-size:var(--earth-size);
	--ao-group-color: var(--earth-color);
	--ao-group-period: var(--earth-period);
}

.real .earth {
	--ao-group-distance: calc(var(--earth-real-distance) * var(--real-distance-factor));
	--ao-group-size:calc(var(--earth-real-size) * var(--real-size-factor));
}

.moon {
	--ao-group-name: var(--moon-name);
	--ao-group-distance: var(--moon-distance);
	--ao-group-size:var(--moon-size);
	--ao-group-color: var(--moon-color);
	--ao-group-period: var(--moon-period);
}

.mars {
	--ao-group-name: var(--mars-name);
	--ao-group-distance: var(--mars-distance);
	--ao-group-size:var(--mars-size);
	--ao-group-color: var(--mars-color);
	--ao-group-period: var(--mars-period);
}

.real .mars {
	--ao-group-distance: calc(var(--mars-real-distance) * var(--real-distance-factor));
	--ao-group-size:calc(var(--mars-real-size) * var(--real-size-factor));
}

.jupiter {
	--ao-group-name: var(--jupiter-name);
	--ao-group-distance: var(--jupiter-distance);
	--ao-group-size:var(--jupiter-size);
	--ao-group-color: var(--jupiter-color);
	--ao-group-period: var(--jupiter-period);
}

.saturn {
	--ao-group-name: var(--saturn-name);
	--ao-group-distance: var(--saturn-distance);
	--ao-group-size:var(--saturn-size);
	--ao-group-color:var(--saturn-color);
	--ao-group-period: var(--saturn-period);
}

.saturn .ao-body:before {
    content: "";
    position: absolute;
    top: calc(-2.5px + var(--aogs) / -2);
    left: calc(-2.5px + var(--aogs) /-2);
    width: calc((var(--aogs) * 2) + 5px);
    height: calc((var(--aogs)* 2) + 5px);
    display: inline-block;
    border-radius: 100%;
    transform: rotateX(var(--solar-system-inclinaison)););
    background: radial-gradient(circle at center, transparent 34%, transparent 35%, rgba(55,54,52,1) 36%, rgba(53,52,51,1) 43%, rgba(113,110,103,1) 44%, rgba(113,110,103,1) 57%, transparent 58%, transparent 59%, rgba(78,73,75,1) 60%, rgba(78,73,75,1) 67%, transparent 68%, transparent 68%, rgba(78,73,75,1) 69%, rgba(78,73,75,1) 70%, transparent 71%);
}

.uranus {
	--ao-group-name: var(--uranus-name);
	--ao-group-distance: var(--uranus-distance);
	--ao-group-size:var(--uranus-size);
	--ao-group-color:var(--uranus-color);
	--ao-group-period: var(--uranus-period);
}

.neptune {
	--ao-group-name: var(--neptune-name);
	--ao-group-distance: var(--neptune-distance);
	--ao-group-size:var(--neptune-size);
	--ao-group-color:var(--neptune-color);
	--ao-group-period: var(--neptune-period);
}