html, body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	background-color: black;
	overflow: hidden;
}


#bluesplosion {
	z-index: 9001;
	position: absolute;
	opacity: 0.6;
	filter: alpha(opacity=60); /* For IE8 and earlier */
	-webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
 	filter: blur(0px);
}

/* PARTICLES */
 /*Modified from */

#particles-js{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;

 /* background-color: #b61924;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  */
  z-index: 99;
  position: relative;
  cursor: url("./images/aim.cur") 25 25, pointer;
}


/* TWINKLING STARS */
  /*Modified from codepen https://codepen.io/WebSonick/pen/vjmgu by Nick Mkrtchyan (WebSonick) created OCTOBER 28, 2013
however, afterwards found the original source: https://www.script-tutorials.com/night-sky-with-twinkling-stars/ */

@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

.stars, .twinkling {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.stars {
  background:#000 url(images/stars.png) repeat top center;
  z-index:0;
}

.twinkling{
  background:transparent url(images/twinkling.png) repeat top center;
  z-index:1;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}