body { background: #000; }
.star { z-index: -2; position: fixed; }
.starWhite { background: #fff; position: fixed; }
.starBlue { background: #C6FAFF; position: fixed; }
.starRed { background: #FFC6C6; position: fixed; }
.starYellow { background: #FFFAC6; position: fixed; }
.starSmall { width: 1px; height: 1px; position: fixed; }
.starMedium { width: 2px; height: 2px; position: fixed; }
.starLarge { width: 3px; height: 3px; position: fixed; }
.testRandom { color: white; position: fixed; }

.square { z-index: -1; position: absolute; }
.squareSmall { width: 1px; height: 1px; position: absolute; }
.squareMedium { width: 2px; height: 2px; position: absolute; }
.squareLarge { width: 3px; height: 3px; position: absolute; }

.squareCyan { background: #00FFFF; }
.squareYellow { background: #FFFF00; }
.squareGreen { background: #00FF00; }
.squareRed { background: #FF0000; }
.squareBlue { background: #0000FF; }
.squareViolet { background: #FF00FF; }
.squareEmpty { background: #000000; opacity: 0.0; }

.shipSmallGreenRed { position: fixed; z-index: -1;}
.shipSmallBlueViolet { position: fixed; z-index: -1;}

.shipMegaGreenRed { position: fixed; z-index: -1;}
.shipMegaBlueViolet { position: fixed; z-index: -1;}

.shipCyloGreenRed { position: fixed; }
.shipCyloBlueViolet { position: fixed; }

.planet { position: fixed; border-radius: 100%; }
#firstPlanet { position: fixed; left: 100px; top: 100px; height: 32px; width: 32px; background: #00F; }