/*other images
"space5.gif"
"Galaxy3.jpg"
"Galaxy4.jpg"
"Galaxy1.jpg"
"GalaxyRed1.jpg"
"colorful-paints1.jpg"
*/
/*body {
   overflow:visible;
  background-image: url("Galaxy1.jpg");
}*/

/*to keep background sized with page*/
/*html {
  background: url("GalaxyRed1.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

:root{
  --start-color: blue;
  --end-color: orange;
  /*--gradient-value: 0;*/
  /*--gradient-angle: --gradient-value + "deg";*/
}

#gameSVG {
  background-image: lightblue;
  background-image: -webkit-linear-gradient(var(--start-color), var(--end-color));
  background-image: -o-linear-gradient(var(--start-color), var(--end-color));
  background-image: -moz-linear-gradient(var(--start-color), var(--end-color));
  background-image: linear-gradient(var(--start-color), var(--end-color));
  }

#gameSVG{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

/*#gameSVG{
  height: 100%;
  width: 100%;
}*/