:root{	
	--g_0: #000000;
	--g_16: #804080;
	--g_32: #8080ff;
	--g_68: #1ac2c4;
	--g_100: #feff80;
}

.background_wrapper{
	margin-top: 0; 
	left: 0px;
    height: 100%;
    width: 100%;
	background-color: #000000;
	overflow: hidden;
}

@keyframes twinkle {
    from {background-position: 0 0;}
    to {background-position: -10000px 5000px;}
}

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


@keyframes move-clouds {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}

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


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

.stars {
  background:transparent url(/media/stars.png) repeat top center;
  z-index:-3;
}

.twinkling{
  background: transparent url(/media/twinkle.png) repeat top center;
  z-index:-2;

  -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:twinkle 200s linear infinite;
}

.clouds{
    background:transparent url(/media/clouds.png) repeat top center;
    z-index:-1;
	mix-blend-mode: screen;
    transform-origin: 0 0;
    transform: scale(3.5, 3.5);

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

.base
{
    background: transparent url(/media/body_background.png) repeat top center;
    z-index: 1;
    mix-blend-mode: screen
}

.gradient
{
    background:linear-gradient(#00000000,#00000000, #ffa50059);
    z-index:1;
	mix-blend-mode: screen;
}