Cinemacloud/index.html

## index.html
<html>
  <head>
    <title>Cinemacloud</title>

    <link rel="import" href="http://ccld.tv/cloud_wrapper.html">

    <!-- Incorporate 3D slideshow
http://hakim.se/experiments/css/slideshow/#/
    -->
  </head>
  <body>

    <div id="cloud_wrapper" class="card">
          <div class="logo" id="_logo">
          <h1>Cinema</h1>
          <h1>Cinema</h1>
          <h1>Cinema</h1>
          <h1>Cinema</h1>
          <h1>Cinema</h1>
          <h1>Cinema</h1>
          <h1>Cinema</h1>
          <h1>Cinema</h1>
          <h1>Cinema</h1>
    </div>
    <div class="logo2">Cloud<span class="symb">&reg;</span></div>
      <div class="cloud"></div>
    </div>

    <!-- sky and clouds -->
    <div id="sk">
      <div id="clds"></div>
    </div>
         <!-- noise container -->
   <template is="dom-bind" style="z-index:10000; border:1px solid red;">

      <button style="z-index:1000000; position:absolute;" on-click="_onButtonClick">click me</button>
    <cloud-wrapper></cloud-wrapper>
    </template>

    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
    <div id='stars'></div>
    <div id='stars2'></div>
    <div id='stars3'></div>
    <div id='horizon'>
      <div class='glow'></div>
    </div>
    <div id='earth'></div>

  </body>
</html>

## jqOZjr.markdown

      
    Raw
  

              jqOZjr.markdown
            
          
    jqOZjr

Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
Forked from Captain Anonymous's Pen bNLxbd.
A Pen by tachy0n on CodePen.
License.

  
## script.js

var scope = document.querySelector('template[is="dom-bind"]');

scope._onButtonClick = function(event) {
  var node = document.querySelector('cloud-wrapper');
   if (node) {
       node.animate();
   }
};
window.requestAnimFrame = (function() {
  return window.requestAnimationFrame ||
    window.webkitRequestAnimationFrame ||
    window.mozRequestAnimationFrame ||
    window.oRequestAnimationFrame ||
    window.msRequestAnimationFrame ||
    function(callback) {
      window.setTimeout(callback, 1000 / 60);
    };
})();

var _clds = document.getElementById('clds'),
    _sk = document.getElementById('sk'),
    x = 0,
    y = 0,
    a = 0;
var larr = [];
var clarr = [];
var mv = 0;
var pov = 1400;

var rot = function() {
  mv++;
  if (mv == pov) {
    mv = 0;
  } else {
    y += 0.1;
  }
  chngV();
}

var chngV = function() {
  var trans = 'translateZ( ' + a + 'px ) rotateX( ' + x + 'deg) rotateY( ' + y + 'deg)';
  _clds.style.webkitTransform = trans;
  _clds.style.MozTransform = trans;
  _clds.style.oTransform = trans;
};

_sk.style.webkitPerspective = pov;
_sk.style.MozPerspective = pov;
_sk.style.oPerspective = pov;

var create = function() {
  clarr = [];
  if (_clds.hasChildNodes()) {
    while (_clds.childNodes.length >= 1) {
      _clds.removeChild(clds.firstChild);
    }
  }
  for (var i = 0; i < 12; i++) {
    clarr.push(build());
  }
}

var build = function() {
  var div = document.createElement('div');
  div.className = 'bl';
  var x = 256 - (Math.random() * 512);
  var y = 256 - (Math.random() * 512);
  var z = 256 - (Math.random() * 512);

  var trans = 'translateX( ' + x + 'px ) translateY( ' + y + 'px ) translateZ( ' + z + 'px )';
  div.style.webkitTransform = trans;
  div.style.MozTransform = trans;
  div.style.oTransform = trans;
  _clds.appendChild(div);

  for (var i = 0; i < 5 + Math.round(Math.random() * 12); i++) {
    var c = document.createElement('img');
    c.style.opacity = 0;
    var r = Math.random();
    var img = 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/131045/cld1.png';
    (function(img) {
      img.addEventListener('load', function() {
        img.style.opacity = .55;
      })
    })(c);

    c.setAttribute('src', img);
    c.className = 'clay';

    var x = 256 - (Math.random() * 512);
    var y = 256 - (Math.random() * 512);
    var z = 100 - (Math.random() * 200);
    var a = Math.random() * 360;
    var s = .25 + Math.random();
    x *= .2;
    y *= .2;

    c.param = {
      x: x,
      y: y,
      z: z,
      a: a,
      s: s,
      sp: .1 * Math.random()
    };
    var trans = 'translateX( ' + x + 'px ) translateY( ' + y + 'px ) translateZ( ' + z + 'px ) rotateZ( ' + a + 'deg ) scale( ' + s + ' )';
    c.style.webkitTransform = trans;
    c.style.MozTransform = trans;
    c.style.oTransform = trans;
    div.appendChild(c);
    larr.push(c);
  }
  return div;
}

var upd = function() {
  for (var i in larr) {
    var lay = larr[i];
    lay.param.a += lay.param.sp;
    var trans = 'translateX( ' + lay.param.x + 'px ) translateY( ' + lay.param.y + 'px ) translateZ( ' + lay.param.z + 'px ) rotateY( ' + (-y) + 'deg ) rotateX( ' + (-x) + 'deg ) scale( ' + lay.param.s + ')';
    lay.style.webkitTransform = trans;
    lay.style.MozTransform = trans;
    lay.style.oTransform = trans;

  }
  window.requestAnimFrame(upd);
}
setInterval('rot()', 1000 / 30);
create();
upd();

// why it doesn't work on firefox?
var card = $(".card");

$(document).on("mousemove",function(e) {
  var ax = -($(window).innerWidth()/2- e.pageX)/100;
  var ay = ($(window).innerHeight()/2- e.pageY)/100;
  card.attr("style", "transform: rotateY("+ax+"deg) rotateX("+ay+"deg);-webkit-transform: rotateY("+ax+"deg) rotateX("+ay+"deg);-moz-transform: rotateY("+ax+"deg) rotateX("+ay+"deg)");

  //console.log( ax  + ' .. ' + ay);

});
var width=0;
var canvas = document.getElementById('logoBGCanvas'),
    context = canvas.getContext('2d');
var bcontext = 'getCSSCanvasContext' in document ? document.getCSSCanvasContext('2d', 'noise', 100, 100) : context;

noise();
function noise() {
    requestAnimationFrame(noise);
    var idata = context.getImageData(0, 0, 100, 100);
    for (var i = 0; i < idata.data.length; i += 1) {
        idata.data[i] = idata.data[i + 1] = idata.data[i + 2] = Math.floor(Math.random() * 255);
        idata.data[i + 3] = 5;
    }
    bcontext.putImageData(idata, 0, 0);
}

## style.css
@import "compass/css3";
* {margin:0;padding:0;}
$dark:         #919191;
$darkest:      #000;
$lighter:      #1e1e1e;
$circleBorder: #4d4d4d;
$zoom:         1;
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #242424;
    overflow: hidden;
}
html::after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

body::after, body::before {
    content:' ';
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:-4px;
    height:4px;
    opacity: 0.33;

}

#sk {
  background-image: linear-gradient(-45deg, hsla(62, 100%, 50%, .9), hsla(322, 100%, 50%, .9));
  animation: hueRot 30s infinite alternate;
  perspective:200;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.bl {
  position: absolute;
  left: 256px;
  top: 256px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
}


.clay {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 256px;
  height: 256px;
  margin-left: -128px;
  margin-top: -328px;
  transition: opacity .5s ease-out;
}
@keyframes hueRot {
    from { -webkit-filter: hue-rotate(0deg)    }
    to   { -webkit-filter: hue-rotate(360deg) }
}
#clds {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -256px;
  height: 512px;
  width: 512px;
  transform-style: preserve-3d;
}

#clds div {
  transform-style: preserve-3d;
}

.card{
  pointer-events: none;

  padding: 30px;
  background: white;
  border-radius: 5px;
  width: 400px;
  height: 200px;
  margin: auto;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  display: flex;
  box-shadow: 0 0 5px rgba(0,0,0,.1);
  position: absolute;

  &:after{
    content:" ";
    position: absolute;
    width: 100%;
    height: 10px;
    border-radius: 50%;
    left:0;
    bottom:-50px;
    box-shadow: 0 30px 20px rgba(0,0,0,.3);
  }
}
#canvas {
  display:block;
  position: absolute;
  width:300px;
  height:300px;
  overflow:hidden;
  z-index:2;
}
#cloud_wrapper {
  border: 7px solid $circleBorder;
  animation:darkglow 15s ease-in-out infinite;
  margin: auto;
  width: 300px;
  height: 300px;
  zoom:$zoom;
 -moz-transform: scale($zoom);
  border-radius: 50%;
  position: absolute;
  z-index:5;
  top: 0; left: 0; bottom: 0; right: 0;
  background: radial-gradient(rgba(12, 12, 12, .7),  rgba(0, 0, 0, .4), rgba(0, 0, 0, 1) );
  transform: translateZ(-100px);
}
.cloud {
  margin: 42px auto;
  position: absolute;
  top:   0;
  left:  0;
  bottom: 0;
  right:  0;
  width:  11em;
  height: 11em;
  color: $darkest;
  z-index:5;
  background: rgba(255,255,255,1);
  border-width: 1.15em .9em;
  border-style: solid;
  border-color:$darkest;
  border-radius: 50% 50% 0 0;
  transform: translateZ(55px);
  animation:glow 15s ease-in-out infinite;
  clip:rect(0px,500px,197px,-120px);
}
.cloud:before,
.cloud:after {
  content: '';
  position: absolute;
  bottom: -0.65em;
  background: rgba(255,255,255,1.4);
  z-index:5;
  border: 1.15em solid rgba(0,0,0,1.05);
  border-radius: 50% 50% 0 0;
    animation:glow 15s ease-in-out infinite;
}

.cloud:before {
  left: 85%;
  width: 60%;
  height: 50%;
  top:70px;
  border-left: none;
  border-width: 1.15em;
  border-radius: 50% 50% 50% 0;
}
.cloud:after {
  right: 75%;
  width: 70%;
  height: 65%;
  top:44px;
  z-index:5;
  border-right: none;
  border-width: 1.15em;
  border-radius: 50% 50% 0;
}
.logo {
  margin-top:102px;
  margin-left:-20px;
  color:#1e1e1e;
  z-index:100;
  font-size:7.1em;
  font-weight:900;
  position:absolute;
  font-family:logoFont;
  transform-style: preserve-3d;
  transform:translateZ(-155px);
  animation-duration: 4s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-name: animGravity;
}
h1{
     position:absolute;
    font-size:1em;
  font-weight:900;
        color:#0a0a0a;
  transform:translateZ(230px);

}
  h1:nth-child(2){   animation:glow 15s ease-in-out infinite;
                     transform:translateZ(244px);
                     color:green;
                     -webkit-text-stroke-width: 7px;  }
  h1:nth-child(3){ transform:translateZ(247px); color:#fff; }
  h1:nth-child(4){ transform:translateZ(249px); color:#eee; }
  h1:nth-child(5){ transform:translateZ(254px); color:#777; }
  h1:nth-child(6){ transform:translateZ(257px); color:#777; }
  h1:nth-child(7){ transform:translateZ(260px); color:#555; }
  h1:nth-child(8){ transform:translateZ(263px); color:#444; }
  h1:nth-child(9){ transform:translateZ(266px);
                       color:#efefef;
  }

@keyframes glow {
  0%,100%{ text-shadow:0 0 4px red;         border-color:red;  -webkit-text-stroke-color: red; }
      25%{ text-shadow:0 0 4px orange;      border-color:orange;  -webkit-text-stroke-color: orange;  }
      50%{ text-shadow:0 0 4px forestgreen; border-color: forestgreen;  -webkit-text-stroke-color: forestgreen;  }
      75%{ text-shadow:0 0 4px cyan;        border-color: cyan;  -webkit-text-stroke-color: cyan;  }
}
@keyframes darkglow {
  0%,100%{ border-color:darkred;  -webkit-text-stroke-color: darkred;   text-shadow:
       3px 5px 0 darkred,
     -1px -1px 0 gray,
      1px -1px 0 black,
      -1px 1px 0 gray,
       1px 1px 0 gray; }
      25%{ border-color:brown;  -webkit-text-stroke-color: goldenrod;   text-shadow:
       3px 5px 0 brown,
     -1px -1px 0 gray,
      1px -1px 0 black,
      -1px 1px 0 gray,
       1px 1px 0 gray;  }
      50%{ border-color: darkgreen;  -webkit-text-stroke-color: darkgreen;   text-shadow:
       3px 5px 0 darkgreen,
     -1px -1px 0 gray,
      1px -1px 0 black,
      -1px 1px 0 gray,
       1px 1px 0 gray; }
      75%{ border-color: darkcyan;  -webkit-text-stroke-color: darkcyan;   text-shadow:
       3px 5px 0 darkcyan,
     -1px -1px 0 gray,
      1px -1px 0 black,
      -1px 1px 0 gray,
       1px 1px 0 gray; }
}
.logo2 {
  margin-top:229px;
  margin-left:21px;
  color:white;
  z-index:100;
  font-size:2.3em;
  letter-spacing: .88em;
  font-weight:900;
  position:absolute;
  text-shadow:
       3px 5px 0 $circleBorder,
     -1px -1px 0 gray,
      1px -1px 0 black,
      -1px 1px 0 gray,
       1px 1px 0 gray;
  animation:darkglow 15s ease-in-out infinite;
  font-family:logoFont2;
  transform:translateZ(55px);
}
.symb {
  font-family: Arial;
  font-size:.8em;
  margin-top:-180px;
  margin-left:-45px;
  opacity:0.35;
  position:absolute;
}
@font-face {
    font-family: logoFont;
    src: url('http://ccld.tv/black_jack.ttf');
}
@font-face {
    font-family: logoFont2;
    src: url('http://ccld.tv/lithos.ttf');
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 73px 1441px #FFF , 1463px 921px #FFF , 971px 1805px #FFF , 337px 1345px #FFF , 1019px 1736px #FFF , 860px 145px #FFF , 89px 125px #FFF , 1073px 588px #FFF , 518px 1577px #FFF , 663px 414px #FFF , 337px 1884px #FFF , 631px 1250px #FFF , 537px 1040px #FFF , 874px 1523px #FFF , 1257px 51px #FFF , 833px 552px #FFF , 485px 797px #FFF , 1035px 1682px #FFF , 1662px 1720px #FFF , 866px 1435px #FFF , 1335px 493px #FFF , 724px 1151px #FFF , 1097px 1732px #FFF , 1156px 1024px #FFF , 1122px 927px #FFF , 1308px 107px #FFF , 1699px 181px #FFF , 793px 381px #FFF , 1199px 344px #FFF , 340px 1061px #FFF , 1035px 1072px #FFF , 1720px 515px #FFF , 1518px 1589px #FFF , 761px 146px #FFF , 1511px 1268px #FFF , 1653px 576px #FFF , 408px 193px #FFF , 1141px 872px #FFF , 1783px 991px #FFF , 1793px 771px #FFF , 1787px 1256px #FFF , 1636px 967px #FFF , 1458px 650px #FFF , 1899px 1320px #FFF , 888px 885px #FFF , 1885px 115px #FFF , 164px 1604px #FFF , 632px 95px #FFF , 1238px 838px #FFF , 554px 811px #FFF , 460px 263px #FFF , 106px 416px #FFF , 1893px 1133px #FFF , 1823px 1213px #FFF , 218px 633px #FFF , 1017px 1799px #FFF , 510px 1339px #FFF , 204px 1437px #FFF , 1175px 1911px #FFF , 1716px 1365px #FFF , 1250px 1461px #FFF , 1795px 1714px #FFF , 1600px 1793px #FFF , 1512px 1639px #FFF , 55px 1062px #FFF , 1125px 735px #FFF , 445px 1508px #FFF , 266px 604px #FFF , 828px 1625px #FFF , 536px 335px #FFF , 1620px 1497px #FFF , 1051px 1982px #FFF , 1287px 1777px #FFF , 1887px 268px #FFF , 661px 1989px #FFF , 1334px 779px #FFF , 612px 1363px #FFF , 1179px 1765px #FFF , 652px 1178px #FFF , 800px 177px #FFF , 1420px 636px #FFF , 1654px 706px #FFF , 723px 1653px #FFF , 1020px 790px #FFF , 1028px 1281px #FFF , 390px 1646px #FFF , 128px 1653px #FFF , 682px 1969px #FFF , 13px 270px #FFF , 1138px 1839px #FFF , 74px 426px #FFF , 163px 460px #FFF , 440px 21px #FFF , 629px 1617px #FFF , 1740px 1410px #FFF , 280px 893px #FFF , 25px 424px #FFF , 1967px 1926px #FFF , 1043px 668px #FFF , 918px 973px #FFF , 840px 199px #FFF , 1009px 1852px #FFF , 27px 1780px #FFF , 1925px 1312px #FFF , 1533px 1965px #FFF , 220px 755px #FFF , 498px 752px #FFF , 1770px 1564px #FFF , 863px 117px #FFF , 412px 1318px #FFF , 1256px 1326px #FFF , 737px 90px #FFF , 180px 738px #FFF , 152px 539px #FFF , 1642px 523px #FFF , 1287px 1383px #FFF , 1202px 336px #FFF , 1360px 1428px #FFF , 740px 943px #FFF , 523px 1253px #FFF , 558px 579px #FFF , 1013px 521px #FFF , 817px 251px #FFF , 1629px 538px #FFF , 1961px 760px #FFF , 1740px 424px #FFF , 930px 1822px #FFF , 273px 1107px #FFF , 1916px 1048px #FFF , 1690px 1225px #FFF , 1789px 1616px #FFF , 1623px 135px #FFF , 1586px 697px #FFF , 1597px 1809px #FFF , 985px 671px #FFF , 1830px 865px #FFF , 1689px 296px #FFF , 375px 1912px #FFF , 91px 1722px #FFF , 1942px 1876px #FFF , 837px 1812px #FFF , 1279px 488px #FFF , 542px 1839px #FFF , 50px 17px #FFF , 1501px 1306px #FFF , 1586px 555px #FFF , 1420px 99px #FFF , 1671px 1105px #FFF , 527px 1828px #FFF , 415px 1732px #FFF , 42px 1694px #FFF , 53px 556px #FFF , 1371px 1531px #FFF , 267px 229px #FFF , 372px 1238px #FFF , 625px 1245px #FFF , 1868px 1668px #FFF , 505px 477px #FFF , 1061px 1266px #FFF , 1675px 1903px #FFF , 973px 1419px #FFF , 1797px 404px #FFF , 678px 571px #FFF , 1118px 1846px #FFF , 905px 1884px #FFF , 1937px 351px #FFF , 1261px 259px #FFF , 273px 1398px #FFF , 1025px 30px #FFF , 247px 1640px #FFF , 434px 1083px #FFF , 334px 1192px #FFF , 1115px 1764px #FFF , 1776px 745px #FFF , 1860px 1041px #FFF , 1762px 958px #FFF , 1402px 154px #FFF , 295px 737px #FFF , 526px 1460px #FFF , 1327px 1167px #FFF , 56px 390px #FFF , 1091px 520px #FFF , 774px 438px #FFF , 26px 844px #FFF , 1064px 263px #FFF , 1943px 1732px #FFF , 1715px 246px #FFF , 1245px 508px #FFF , 687px 1055px #FFF , 1899px 1143px #FFF , 898px 1276px #FFF , 1531px 1979px #FFF , 876px 152px #FFF , 593px 869px #FFF , 1226px 309px #FFF , 105px 329px #FFF , 1020px 379px #FFF , 1013px 80px #FFF , 256px 1922px #FFF , 1402px 1781px #FFF , 567px 1331px #FFF , 1521px 1406px #FFF , 1259px 1395px #FFF , 1058px 276px #FFF , 1536px 756px #FFF , 1258px 559px #FFF , 492px 581px #FFF , 1781px 567px #FFF , 1734px 1751px #FFF , 1426px 72px #FFF , 1298px 1628px #FFF , 212px 106px #FFF , 1114px 832px #FFF , 1580px 519px #FFF , 745px 89px #FFF , 156px 996px #FFF , 347px 1667px #FFF , 1467px 329px #FFF , 1317px 591px #FFF , 664px 1354px #FFF , 1075px 1044px #FFF , 1011px 1153px #FFF , 625px 1553px #FFF , 1569px 933px #FFF , 1484px 1004px #FFF , 1148px 27px #FFF , 1993px 1260px #FFF , 1826px 735px #FFF , 1136px 322px #FFF , 541px 1754px #FFF , 764px 852px #FFF , 211px 177px #FFF , 831px 562px #FFF , 954px 1995px #FFF , 1159px 256px #FFF , 1684px 1985px #FFF , 928px 687px #FFF , 854px 1249px #FFF , 1060px 210px #FFF , 1303px 1434px #FFF , 225px 628px #FFF , 1880px 1054px #FFF , 1348px 1790px #FFF , 590px 1191px #FFF , 376px 745px #FFF , 1979px 303px #FFF , 859px 1454px #FFF , 1622px 362px #FFF , 1954px 1930px #FFF , 1510px 713px #FFF , 349px 176px #FFF , 524px 1663px #FFF , 1795px 403px #FFF , 1465px 684px #FFF , 1162px 1452px #FFF , 292px 728px #FFF , 996px 291px #FFF , 463px 1855px #FFF , 1552px 767px #FFF , 1077px 1345px #FFF , 1979px 1768px #FFF , 1336px 938px #FFF , 239px 105px #FFF , 445px 1842px #FFF , 863px 1714px #FFF , 1269px 156px #FFF , 741px 1128px #FFF , 64px 218px #FFF , 1684px 367px #FFF , 1753px 1898px #FFF , 1803px 291px #FFF , 673px 77px #FFF , 418px 923px #FFF , 1585px 1674px #FFF , 1196px 1675px #FFF , 180px 1083px #FFF , 366px 738px #FFF , 1750px 352px #FFF , 469px 1091px #FFF , 1832px 1653px #FFF , 519px 1590px #FFF , 887px 789px #FFF , 1470px 1757px #FFF , 959px 409px #FFF , 564px 893px #FFF , 1840px 1877px #FFF , 1278px 1026px #FFF , 1621px 60px #FFF , 129px 1900px #FFF , 1567px 491px #FFF , 1930px 552px #FFF , 779px 1618px #FFF , 1302px 1989px #FFF , 948px 483px #FFF , 1978px 63px #FFF , 1835px 806px #FFF , 1623px 1270px #FFF , 695px 1205px #FFF , 1524px 1824px #FFF , 1594px 345px #FFF , 1560px 197px #FFF , 1949px 1256px #FFF , 1338px 352px #FFF , 960px 692px #FFF , 867px 371px #FFF , 1180px 1220px #FFF , 391px 636px #FFF , 240px 317px #FFF , 1912px 1310px #FFF , 590px 992px #FFF , 1615px 603px #FFF , 1500px 355px #FFF , 57px 1000px #FFF , 1940px 1538px #FFF , 168px 1877px #FFF , 1928px 1557px #FFF , 1043px 284px #FFF , 454px 881px #FFF , 1094px 261px #FFF , 1808px 1330px #FFF , 534px 306px #FFF , 1850px 1011px #FFF , 1705px 2000px #FFF , 174px 419px #FFF , 1746px 74px #FFF , 1783px 790px #FFF , 1330px 1931px #FFF , 1539px 1473px #FFF , 374px 1650px #FFF , 1326px 1558px #FFF , 10px 1460px #FFF , 584px 1364px #FFF , 96px 803px #FFF , 923px 482px #FFF , 1849px 1240px #FFF , 28px 253px #FFF , 1552px 506px #FFF , 957px 1909px #FFF , 1139px 1621px #FFF , 1735px 1407px #FFF , 311px 48px #FFF , 772px 418px #FFF , 1963px 1639px #FFF , 1092px 941px #FFF , 1675px 1738px #FFF , 726px 386px #FFF , 1287px 279px #FFF , 1720px 338px #FFF , 1233px 1065px #FFF , 1810px 457px #FFF , 1534px 267px #FFF , 205px 565px #FFF , 201px 603px #FFF , 1346px 75px #FFF , 1755px 579px #FFF , 1873px 337px #FFF , 1308px 410px #FFF , 1075px 206px #FFF , 1133px 1450px #FFF , 1569px 619px #FFF , 1732px 1047px #FFF , 1423px 1892px #FFF , 1987px 61px #FFF , 1212px 231px #FFF , 720px 1181px #FFF , 783px 1695px #FFF , 688px 504px #FFF , 1919px 1367px #FFF , 1778px 1353px #FFF , 1161px 18px #FFF , 614px 1190px #FFF , 1171px 876px #FFF , 559px 1479px #FFF , 1839px 734px #FFF , 1604px 432px #FFF , 1157px 1742px #FFF , 278px 376px #FFF , 1203px 349px #FFF , 1418px 1601px #FFF , 1835px 1035px #FFF , 1839px 1798px #FFF , 702px 1434px #FFF , 696px 1701px #FFF , 828px 388px #FFF , 1328px 1893px #FFF , 1715px 1972px #FFF , 79px 1271px #FFF , 574px 716px #FFF , 298px 917px #FFF , 1162px 59px #FFF , 1623px 1623px #FFF , 1560px 1224px #FFF , 638px 1508px #FFF , 1135px 229px #FFF , 1831px 1590px #FFF , 1895px 1473px #FFF , 487px 1634px #FFF , 607px 1332px #FFF , 1329px 1755px #FFF , 1492px 1552px #FFF , 305px 1071px #FFF , 1672px 372px #FFF , 552px 875px #FFF , 1695px 697px #FFF , 220px 1301px #FFF , 1244px 1535px #FFF , 323px 1297px #FFF , 770px 1570px #FFF , 45px 407px #FFF , 1622px 432px #FFF , 1179px 952px #FFF , 1938px 206px #FFF , 395px 1984px #FFF , 1732px 268px #FFF , 1311px 195px #FFF , 1935px 745px #FFF , 167px 95px #FFF , 605px 1905px #FFF , 1118px 633px #FFF , 529px 484px #FFF , 1892px 1037px #FFF , 1244px 1798px #FFF , 349px 193px #FFF , 1934px 1413px #FFF , 1441px 442px #FFF , 697px 534px #FFF , 105px 642px #FFF , 548px 1638px #FFF , 1671px 724px #FFF , 916px 1657px #FFF , 376px 1849px #FFF , 276px 1px #FFF , 1831px 734px #FFF , 1913px 1995px #FFF , 766px 206px #FFF , 1502px 119px #FFF , 80px 1043px #FFF , 882px 778px #FFF , 1214px 1567px #FFF , 1706px 691px #FFF , 1088px 1141px #FFF , 1394px 1206px #FFF , 315px 336px #FFF , 907px 1732px #FFF , 1536px 1277px #FFF , 311px 1810px #FFF , 171px 109px #FFF , 362px 212px #FFF , 742px 552px #FFF , 204px 840px #FFF , 271px 1439px #FFF , 327px 426px #FFF , 459px 700px #FFF , 1082px 138px #FFF , 1545px 1974px #FFF , 466px 995px #FFF , 1343px 1411px #FFF , 1355px 260px #FFF , 73px 856px #FFF , 673px 495px #FFF , 1060px 739px #FFF , 483px 1519px #FFF , 1446px 1756px #FFF , 1575px 1661px #FFF , 688px 787px #FFF , 646px 1824px #FFF , 198px 1549px #FFF , 1949px 1480px #FFF , 1646px 243px #FFF , 1598px 1217px #FFF , 931px 575px #FFF , 46px 1983px #FFF , 40px 1920px #FFF , 71px 1054px #FFF , 1973px 948px #FFF , 1323px 448px #FFF , 362px 1356px #FFF , 1265px 1641px #FFF , 435px 395px #FFF , 1482px 697px #FFF , 1099px 423px #FFF , 146px 1704px #FFF , 1983px 289px #FFF , 1419px 656px #FFF , 1959px 1929px #FFF , 564px 539px #FFF , 1900px 373px #FFF , 1239px 1590px #FFF , 777px 868px #FFF , 232px 350px #FFF , 1339px 1105px #FFF , 1946px 1921px #FFF , 832px 1265px #FFF , 796px 1778px #FFF , 258px 887px #FFF , 404px 1185px #FFF , 1537px 70px #FFF , 380px 553px #FFF , 1275px 1464px #FFF , 534px 1186px #FFF , 1365px 1499px #FFF , 1423px 833px #FFF , 844px 1667px #FFF , 952px 273px #FFF , 1px 1807px #FFF , 4px 1336px #FFF , 1463px 330px #FFF , 1747px 358px #FFF , 834px 849px #FFF , 1602px 1938px #FFF , 1238px 1633px #FFF , 458px 1152px #FFF , 693px 1227px #FFF , 1963px 1039px #FFF , 106px 34px #FFF , 1628px 1586px #FFF , 1914px 1693px #FFF , 108px 1332px #FFF , 326px 1886px #FFF , 1437px 1694px #FFF , 898px 952px #FFF , 1700px 1365px #FFF , 605px 881px #FFF , 189px 488px #FFF , 529px 1792px #FFF , 1310px 1688px #FFF , 730px 465px #FFF , 18px 1376px #FFF , 730px 1917px #FFF , 1382px 1370px #FFF , 1798px 1069px #FFF , 235px 1005px #FFF , 1112px 239px #FFF , 1186px 1413px #FFF , 1254px 1858px #FFF , 577px 1814px #FFF , 1872px 877px #FFF , 691px 935px #FFF , 669px 1260px #FFF , 462px 1400px #FFF , 1373px 68px #FFF , 217px 391px #FFF , 466px 912px #FFF , 1812px 691px #FFF , 1964px 1293px #FFF , 1899px 905px #FFF , 123px 1903px #FFF , 140px 165px #FFF , 696px 238px #FFF , 63px 1402px #FFF , 155px 55px #FFF , 1734px 333px #FFF , 1504px 1897px #FFF , 1883px 1870px #FFF , 1239px 695px #FFF , 204px 643px #FFF , 995px 1505px #FFF , 196px 1397px #FFF , 1330px 1072px #FFF , 344px 731px #FFF , 1155px 140px #FFF , 137px 1857px #FFF , 418px 705px #FFF , 1964px 327px #FFF , 1143px 1323px #FFF , 902px 153px #FFF , 568px 1800px #FFF , 1782px 883px #FFF , 148px 901px #FFF , 125px 156px #FFF , 268px 1247px #FFF , 1910px 168px #FFF , 1020px 1005px #FFF , 254px 1661px #FFF , 740px 921px #FFF , 1894px 1152px #FFF , 221px 1076px #FFF , 801px 651px #FFF , 890px 774px #FFF , 496px 780px #FFF , 988px 569px #FFF , 1759px 724px #FFF , 1469px 1391px #FFF , 426px 78px #FFF , 998px 1392px #FFF , 1293px 1067px #FFF , 1329px 779px #FFF , 1274px 813px #FFF , 976px 198px #FFF , 607px 1911px #FFF , 84px 1424px #FFF , 1906px 1154px #FFF , 424px 1297px #FFF , 1587px 185px #FFF , 245px 150px #FFF , 122px 1794px #FFF , 1175px 1857px #FFF , 1098px 956px #FFF , 668px 1988px #FFF , 1305px 1259px #FFF , 1314px 972px #FFF , 1255px 440px #FFF , 873px 1015px #FFF , 1593px 32px #FFF , 280px 284px #FFF , 1234px 1284px #FFF , 444px 1960px #FFF , 1874px 1759px #FFF , 72px 1205px #FFF , 295px 1560px #FFF , 1797px 1892px #FFF , 1016px 1626px #FFF , 164px 1515px #FFF , 624px 389px #FFF , 503px 768px #FFF , 1790px 99px #FFF , 1494px 778px #FFF , 1213px 1416px #FFF , 1297px 1185px #FFF , 1682px 1036px #FFF , 1409px 1035px #FFF , 740px 443px #FFF , 676px 86px #FFF , 426px 1412px #FFF , 60px 629px #FFF , 1017px 949px #FFF , 1346px 303px #FFF , 1050px 1701px #FFF , 503px 1800px #FFF , 828px 759px #FFF , 643px 1781px #FFF , 1835px 1285px #FFF , 1525px 408px #FFF , 967px 1358px #FFF , 452px 628px #FFF , 533px 613px #FFF , 1195px 246px #FFF , 599px 455px #FFF , 1886px 958px #FFF , 66px 1502px #FFF , 459px 518px #FFF , 1489px 1416px #FFF , 1799px 318px #FFF , 1865px 1139px #FFF , 1106px 1061px #FFF , 1483px 1289px #FFF , 184px 269px #FFF , 35px 734px #FFF , 1840px 484px #FFF , 654px 494px #FFF , 1951px 741px #FFF , 1608px 1907px #FFF , 865px 273px #FFF , 1831px 823px #FFF , 1276px 445px #FFF , 343px 920px #FFF , 589px 1084px #FFF , 576px 1204px #FFF , 946px 451px #FFF , 455px 361px #FFF , 1610px 902px #FFF , 1594px 589px #FFF , 326px 1359px #FFF , 1416px 1386px #FFF , 1823px 1669px #FFF , 1751px 65px #FFF , 468px 726px #FFF , 279px 993px #FFF , 686px 1575px #FFF , 243px 1240px #FFF , 166px 101px #FFF , 656px 815px #FFF , 1861px 901px #FFF , 1717px 1429px #FFF , 292px 612px #FFF , 1296px 1462px #FFF , 270px 817px #FFF , 1426px 1023px #FFF , 1865px 713px #FFF , 380px 197px #FFF , 722px 239px #FFF , 1253px 945px #FFF , 1222px 668px #FFF , 1741px 824px #FFF , 96px 872px #FFF , 806px 652px #FFF , 1536px 1583px #FFF , 1484px 211px #FFF , 295px 1447px #FFF , 625px 933px #FFF , 1012px 1097px #FFF , 1461px 927px #FFF , 1207px 928px #FFF , 970px 817px #FFF , 1666px 1341px #FFF , 1521px 119px #FFF , 1469px 972px #FFF , 1683px 901px #FFF , 813px 250px #FFF , 231px 965px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 73px 1441px #FFF , 1463px 921px #FFF , 971px 1805px #FFF , 337px 1345px #FFF , 1019px 1736px #FFF , 860px 145px #FFF , 89px 125px #FFF , 1073px 588px #FFF , 518px 1577px #FFF , 663px 414px #FFF , 337px 1884px #FFF , 631px 1250px #FFF , 537px 1040px #FFF , 874px 1523px #FFF , 1257px 51px #FFF , 833px 552px #FFF , 485px 797px #FFF , 1035px 1682px #FFF , 1662px 1720px #FFF , 866px 1435px #FFF , 1335px 493px #FFF , 724px 1151px #FFF , 1097px 1732px #FFF , 1156px 1024px #FFF , 1122px 927px #FFF , 1308px 107px #FFF , 1699px 181px #FFF , 793px 381px #FFF , 1199px 344px #FFF , 340px 1061px #FFF , 1035px 1072px #FFF , 1720px 515px #FFF , 1518px 1589px #FFF , 761px 146px #FFF , 1511px 1268px #FFF , 1653px 576px #FFF , 408px 193px #FFF , 1141px 872px #FFF , 1783px 991px #FFF , 1793px 771px #FFF , 1787px 1256px #FFF , 1636px 967px #FFF , 1458px 650px #FFF , 1899px 1320px #FFF , 888px 885px #FFF , 1885px 115px #FFF , 164px 1604px #FFF , 632px 95px #FFF , 1238px 838px #FFF , 554px 811px #FFF , 460px 263px #FFF , 106px 416px #FFF , 1893px 1133px #FFF , 1823px 1213px #FFF , 218px 633px #FFF , 1017px 1799px #FFF , 510px 1339px #FFF , 204px 1437px #FFF , 1175px 1911px #FFF , 1716px 1365px #FFF , 1250px 1461px #FFF , 1795px 1714px #FFF , 1600px 1793px #FFF , 1512px 1639px #FFF , 55px 1062px #FFF , 1125px 735px #FFF , 445px 1508px #FFF , 266px 604px #FFF , 828px 1625px #FFF , 536px 335px #FFF , 1620px 1497px #FFF , 1051px 1982px #FFF , 1287px 1777px #FFF , 1887px 268px #FFF , 661px 1989px #FFF , 1334px 779px #FFF , 612px 1363px #FFF , 1179px 1765px #FFF , 652px 1178px #FFF , 800px 177px #FFF , 1420px 636px #FFF , 1654px 706px #FFF , 723px 1653px #FFF , 1020px 790px #FFF , 1028px 1281px #FFF , 390px 1646px #FFF , 128px 1653px #FFF , 682px 1969px #FFF , 13px 270px #FFF , 1138px 1839px #FFF , 74px 426px #FFF , 163px 460px #FFF , 440px 21px #FFF , 629px 1617px #FFF , 1740px 1410px #FFF , 280px 893px #FFF , 25px 424px #FFF , 1967px 1926px #FFF , 1043px 668px #FFF , 918px 973px #FFF , 840px 199px #FFF , 1009px 1852px #FFF , 27px 1780px #FFF , 1925px 1312px #FFF , 1533px 1965px #FFF , 220px 755px #FFF , 498px 752px #FFF , 1770px 1564px #FFF , 863px 117px #FFF , 412px 1318px #FFF , 1256px 1326px #FFF , 737px 90px #FFF , 180px 738px #FFF , 152px 539px #FFF , 1642px 523px #FFF , 1287px 1383px #FFF , 1202px 336px #FFF , 1360px 1428px #FFF , 740px 943px #FFF , 523px 1253px #FFF , 558px 579px #FFF , 1013px 521px #FFF , 817px 251px #FFF , 1629px 538px #FFF , 1961px 760px #FFF , 1740px 424px #FFF , 930px 1822px #FFF , 273px 1107px #FFF , 1916px 1048px #FFF , 1690px 1225px #FFF , 1789px 1616px #FFF , 1623px 135px #FFF , 1586px 697px #FFF , 1597px 1809px #FFF , 985px 671px #FFF , 1830px 865px #FFF , 1689px 296px #FFF , 375px 1912px #FFF , 91px 1722px #FFF , 1942px 1876px #FFF , 837px 1812px #FFF , 1279px 488px #FFF , 542px 1839px #FFF , 50px 17px #FFF , 1501px 1306px #FFF , 1586px 555px #FFF , 1420px 99px #FFF , 1671px 1105px #FFF , 527px 1828px #FFF , 415px 1732px #FFF , 42px 1694px #FFF , 53px 556px #FFF , 1371px 1531px #FFF , 267px 229px #FFF , 372px 1238px #FFF , 625px 1245px #FFF , 1868px 1668px #FFF , 505px 477px #FFF , 1061px 1266px #FFF , 1675px 1903px #FFF , 973px 1419px #FFF , 1797px 404px #FFF , 678px 571px #FFF , 1118px 1846px #FFF , 905px 1884px #FFF , 1937px 351px #FFF , 1261px 259px #FFF , 273px 1398px #FFF , 1025px 30px #FFF , 247px 1640px #FFF , 434px 1083px #FFF , 334px 1192px #FFF , 1115px 1764px #FFF , 1776px 745px #FFF , 1860px 1041px #FFF , 1762px 958px #FFF , 1402px 154px #FFF , 295px 737px #FFF , 526px 1460px #FFF , 1327px 1167px #FFF , 56px 390px #FFF , 1091px 520px #FFF , 774px 438px #FFF , 26px 844px #FFF , 1064px 263px #FFF , 1943px 1732px #FFF , 1715px 246px #FFF , 1245px 508px #FFF , 687px 1055px #FFF , 1899px 1143px #FFF , 898px 1276px #FFF , 1531px 1979px #FFF , 876px 152px #FFF , 593px 869px #FFF , 1226px 309px #FFF , 105px 329px #FFF , 1020px 379px #FFF , 1013px 80px #FFF , 256px 1922px #FFF , 1402px 1781px #FFF , 567px 1331px #FFF , 1521px 1406px #FFF , 1259px 1395px #FFF , 1058px 276px #FFF , 1536px 756px #FFF , 1258px 559px #FFF , 492px 581px #FFF , 1781px 567px #FFF , 1734px 1751px #FFF , 1426px 72px #FFF , 1298px 1628px #FFF , 212px 106px #FFF , 1114px 832px #FFF , 1580px 519px #FFF , 745px 89px #FFF , 156px 996px #FFF , 347px 1667px #FFF , 1467px 329px #FFF , 1317px 591px #FFF , 664px 1354px #FFF , 1075px 1044px #FFF , 1011px 1153px #FFF , 625px 1553px #FFF , 1569px 933px #FFF , 1484px 1004px #FFF , 1148px 27px #FFF , 1993px 1260px #FFF , 1826px 735px #FFF , 1136px 322px #FFF , 541px 1754px #FFF , 764px 852px #FFF , 211px 177px #FFF , 831px 562px #FFF , 954px 1995px #FFF , 1159px 256px #FFF , 1684px 1985px #FFF , 928px 687px #FFF , 854px 1249px #FFF , 1060px 210px #FFF , 1303px 1434px #FFF , 225px 628px #FFF , 1880px 1054px #FFF , 1348px 1790px #FFF , 590px 1191px #FFF , 376px 745px #FFF , 1979px 303px #FFF , 859px 1454px #FFF , 1622px 362px #FFF , 1954px 1930px #FFF , 1510px 713px #FFF , 349px 176px #FFF , 524px 1663px #FFF , 1795px 403px #FFF , 1465px 684px #FFF , 1162px 1452px #FFF , 292px 728px #FFF , 996px 291px #FFF , 463px 1855px #FFF , 1552px 767px #FFF , 1077px 1345px #FFF , 1979px 1768px #FFF , 1336px 938px #FFF , 239px 105px #FFF , 445px 1842px #FFF , 863px 1714px #FFF , 1269px 156px #FFF , 741px 1128px #FFF , 64px 218px #FFF , 1684px 367px #FFF , 1753px 1898px #FFF , 1803px 291px #FFF , 673px 77px #FFF , 418px 923px #FFF , 1585px 1674px #FFF , 1196px 1675px #FFF , 180px 1083px #FFF , 366px 738px #FFF , 1750px 352px #FFF , 469px 1091px #FFF , 1832px 1653px #FFF , 519px 1590px #FFF , 887px 789px #FFF , 1470px 1757px #FFF , 959px 409px #FFF , 564px 893px #FFF , 1840px 1877px #FFF , 1278px 1026px #FFF , 1621px 60px #FFF , 129px 1900px #FFF , 1567px 491px #FFF , 1930px 552px #FFF , 779px 1618px #FFF , 1302px 1989px #FFF , 948px 483px #FFF , 1978px 63px #FFF , 1835px 806px #FFF , 1623px 1270px #FFF , 695px 1205px #FFF , 1524px 1824px #FFF , 1594px 345px #FFF , 1560px 197px #FFF , 1949px 1256px #FFF , 1338px 352px #FFF , 960px 692px #FFF , 867px 371px #FFF , 1180px 1220px #FFF , 391px 636px #FFF , 240px 317px #FFF , 1912px 1310px #FFF , 590px 992px #FFF , 1615px 603px #FFF , 1500px 355px #FFF , 57px 1000px #FFF , 1940px 1538px #FFF , 168px 1877px #FFF , 1928px 1557px #FFF , 1043px 284px #FFF , 454px 881px #FFF , 1094px 261px #FFF , 1808px 1330px #FFF , 534px 306px #FFF , 1850px 1011px #FFF , 1705px 2000px #FFF , 174px 419px #FFF , 1746px 74px #FFF , 1783px 790px #FFF , 1330px 1931px #FFF , 1539px 1473px #FFF , 374px 1650px #FFF , 1326px 1558px #FFF , 10px 1460px #FFF , 584px 1364px #FFF , 96px 803px #FFF , 923px 482px #FFF , 1849px 1240px #FFF , 28px 253px #FFF , 1552px 506px #FFF , 957px 1909px #FFF , 1139px 1621px #FFF , 1735px 1407px #FFF , 311px 48px #FFF , 772px 418px #FFF , 1963px 1639px #FFF , 1092px 941px #FFF , 1675px 1738px #FFF , 726px 386px #FFF , 1287px 279px #FFF , 1720px 338px #FFF , 1233px 1065px #FFF , 1810px 457px #FFF , 1534px 267px #FFF , 205px 565px #FFF , 201px 603px #FFF , 1346px 75px #FFF , 1755px 579px #FFF , 1873px 337px #FFF , 1308px 410px #FFF , 1075px 206px #FFF , 1133px 1450px #FFF , 1569px 619px #FFF , 1732px 1047px #FFF , 1423px 1892px #FFF , 1987px 61px #FFF , 1212px 231px #FFF , 720px 1181px #FFF , 783px 1695px #FFF , 688px 504px #FFF , 1919px 1367px #FFF , 1778px 1353px #FFF , 1161px 18px #FFF , 614px 1190px #FFF , 1171px 876px #FFF , 559px 1479px #FFF , 1839px 734px #FFF , 1604px 432px #FFF , 1157px 1742px #FFF , 278px 376px #FFF , 1203px 349px #FFF , 1418px 1601px #FFF , 1835px 1035px #FFF , 1839px 1798px #FFF , 702px 1434px #FFF , 696px 1701px #FFF , 828px 388px #FFF , 1328px 1893px #FFF , 1715px 1972px #FFF , 79px 1271px #FFF , 574px 716px #FFF , 298px 917px #FFF , 1162px 59px #FFF , 1623px 1623px #FFF , 1560px 1224px #FFF , 638px 1508px #FFF , 1135px 229px #FFF , 1831px 1590px #FFF , 1895px 1473px #FFF , 487px 1634px #FFF , 607px 1332px #FFF , 1329px 1755px #FFF , 1492px 1552px #FFF , 305px 1071px #FFF , 1672px 372px #FFF , 552px 875px #FFF , 1695px 697px #FFF , 220px 1301px #FFF , 1244px 1535px #FFF , 323px 1297px #FFF , 770px 1570px #FFF , 45px 407px #FFF , 1622px 432px #FFF , 1179px 952px #FFF , 1938px 206px #FFF , 395px 1984px #FFF , 1732px 268px #FFF , 1311px 195px #FFF , 1935px 745px #FFF , 167px 95px #FFF , 605px 1905px #FFF , 1118px 633px #FFF , 529px 484px #FFF , 1892px 1037px #FFF , 1244px 1798px #FFF , 349px 193px #FFF , 1934px 1413px #FFF , 1441px 442px #FFF , 697px 534px #FFF , 105px 642px #FFF , 548px 1638px #FFF , 1671px 724px #FFF , 916px 1657px #FFF , 376px 1849px #FFF , 276px 1px #FFF , 1831px 734px #FFF , 1913px 1995px #FFF , 766px 206px #FFF , 1502px 119px #FFF , 80px 1043px #FFF , 882px 778px #FFF , 1214px 1567px #FFF , 1706px 691px #FFF , 1088px 1141px #FFF , 1394px 1206px #FFF , 315px 336px #FFF , 907px 1732px #FFF , 1536px 1277px #FFF , 311px 1810px #FFF , 171px 109px #FFF , 362px 212px #FFF , 742px 552px #FFF , 204px 840px #FFF , 271px 1439px #FFF , 327px 426px #FFF , 459px 700px #FFF , 1082px 138px #FFF , 1545px 1974px #FFF , 466px 995px #FFF , 1343px 1411px #FFF , 1355px 260px #FFF , 73px 856px #FFF , 673px 495px #FFF , 1060px 739px #FFF , 483px 1519px #FFF , 1446px 1756px #FFF , 1575px 1661px #FFF , 688px 787px #FFF , 646px 1824px #FFF , 198px 1549px #FFF , 1949px 1480px #FFF , 1646px 243px #FFF , 1598px 1217px #FFF , 931px 575px #FFF , 46px 1983px #FFF , 40px 1920px #FFF , 71px 1054px #FFF , 1973px 948px #FFF , 1323px 448px #FFF , 362px 1356px #FFF , 1265px 1641px #FFF , 435px 395px #FFF , 1482px 697px #FFF , 1099px 423px #FFF , 146px 1704px #FFF , 1983px 289px #FFF , 1419px 656px #FFF , 1959px 1929px #FFF , 564px 539px #FFF , 1900px 373px #FFF , 1239px 1590px #FFF , 777px 868px #FFF , 232px 350px #FFF , 1339px 1105px #FFF , 1946px 1921px #FFF , 832px 1265px #FFF , 796px 1778px #FFF , 258px 887px #FFF , 404px 1185px #FFF , 1537px 70px #FFF , 380px 553px #FFF , 1275px 1464px #FFF , 534px 1186px #FFF , 1365px 1499px #FFF , 1423px 833px #FFF , 844px 1667px #FFF , 952px 273px #FFF , 1px 1807px #FFF , 4px 1336px #FFF , 1463px 330px #FFF , 1747px 358px #FFF , 834px 849px #FFF , 1602px 1938px #FFF , 1238px 1633px #FFF , 458px 1152px #FFF , 693px 1227px #FFF , 1963px 1039px #FFF , 106px 34px #FFF , 1628px 1586px #FFF , 1914px 1693px #FFF , 108px 1332px #FFF , 326px 1886px #FFF , 1437px 1694px #FFF , 898px 952px #FFF , 1700px 1365px #FFF , 605px 881px #FFF , 189px 488px #FFF , 529px 1792px #FFF , 1310px 1688px #FFF , 730px 465px #FFF , 18px 1376px #FFF , 730px 1917px #FFF , 1382px 1370px #FFF , 1798px 1069px #FFF , 235px 1005px #FFF , 1112px 239px #FFF , 1186px 1413px #FFF , 1254px 1858px #FFF , 577px 1814px #FFF , 1872px 877px #FFF , 691px 935px #FFF , 669px 1260px #FFF , 462px 1400px #FFF , 1373px 68px #FFF , 217px 391px #FFF , 466px 912px #FFF , 1812px 691px #FFF , 1964px 1293px #FFF , 1899px 905px #FFF , 123px 1903px #FFF , 140px 165px #FFF , 696px 238px #FFF , 63px 1402px #FFF , 155px 55px #FFF , 1734px 333px #FFF , 1504px 1897px #FFF , 1883px 1870px #FFF , 1239px 695px #FFF , 204px 643px #FFF , 995px 1505px #FFF , 196px 1397px #FFF , 1330px 1072px #FFF , 344px 731px #FFF , 1155px 140px #FFF , 137px 1857px #FFF , 418px 705px #FFF , 1964px 327px #FFF , 1143px 1323px #FFF , 902px 153px #FFF , 568px 1800px #FFF , 1782px 883px #FFF , 148px 901px #FFF , 125px 156px #FFF , 268px 1247px #FFF , 1910px 168px #FFF , 1020px 1005px #FFF , 254px 1661px #FFF , 740px 921px #FFF , 1894px 1152px #FFF , 221px 1076px #FFF , 801px 651px #FFF , 890px 774px #FFF , 496px 780px #FFF , 988px 569px #FFF , 1759px 724px #FFF , 1469px 1391px #FFF , 426px 78px #FFF , 998px 1392px #FFF , 1293px 1067px #FFF , 1329px 779px #FFF , 1274px 813px #FFF , 976px 198px #FFF , 607px 1911px #FFF , 84px 1424px #FFF , 1906px 1154px #FFF , 424px 1297px #FFF , 1587px 185px #FFF , 245px 150px #FFF , 122px 1794px #FFF , 1175px 1857px #FFF , 1098px 956px #FFF , 668px 1988px #FFF , 1305px 1259px #FFF , 1314px 972px #FFF , 1255px 440px #FFF , 873px 1015px #FFF , 1593px 32px #FFF , 280px 284px #FFF , 1234px 1284px #FFF , 444px 1960px #FFF , 1874px 1759px #FFF , 72px 1205px #FFF , 295px 1560px #FFF , 1797px 1892px #FFF , 1016px 1626px #FFF , 164px 1515px #FFF , 624px 389px #FFF , 503px 768px #FFF , 1790px 99px #FFF , 1494px 778px #FFF , 1213px 1416px #FFF , 1297px 1185px #FFF , 1682px 1036px #FFF , 1409px 1035px #FFF , 740px 443px #FFF , 676px 86px #FFF , 426px 1412px #FFF , 60px 629px #FFF , 1017px 949px #FFF , 1346px 303px #FFF , 1050px 1701px #FFF , 503px 1800px #FFF , 828px 759px #FFF , 643px 1781px #FFF , 1835px 1285px #FFF , 1525px 408px #FFF , 967px 1358px #FFF , 452px 628px #FFF , 533px 613px #FFF , 1195px 246px #FFF , 599px 455px #FFF , 1886px 958px #FFF , 66px 1502px #FFF , 459px 518px #FFF , 1489px 1416px #FFF , 1799px 318px #FFF , 1865px 1139px #FFF , 1106px 1061px #FFF , 1483px 1289px #FFF , 184px 269px #FFF , 35px 734px #FFF , 1840px 484px #FFF , 654px 494px #FFF , 1951px 741px #FFF , 1608px 1907px #FFF , 865px 273px #FFF , 1831px 823px #FFF , 1276px 445px #FFF , 343px 920px #FFF , 589px 1084px #FFF , 576px 1204px #FFF , 946px 451px #FFF , 455px 361px #FFF , 1610px 902px #FFF , 1594px 589px #FFF , 326px 1359px #FFF , 1416px 1386px #FFF , 1823px 1669px #FFF , 1751px 65px #FFF , 468px 726px #FFF , 279px 993px #FFF , 686px 1575px #FFF , 243px 1240px #FFF , 166px 101px #FFF , 656px 815px #FFF , 1861px 901px #FFF , 1717px 1429px #FFF , 292px 612px #FFF , 1296px 1462px #FFF , 270px 817px #FFF , 1426px 1023px #FFF , 1865px 713px #FFF , 380px 197px #FFF , 722px 239px #FFF , 1253px 945px #FFF , 1222px 668px #FFF , 1741px 824px #FFF , 96px 872px #FFF , 806px 652px #FFF , 1536px 1583px #FFF , 1484px 211px #FFF , 295px 1447px #FFF , 625px 933px #FFF , 1012px 1097px #FFF , 1461px 927px #FFF , 1207px 928px #FFF , 970px 817px #FFF , 1666px 1341px #FFF , 1521px 119px #FFF , 1469px 972px #FFF , 1683px 901px #FFF , 813px 250px #FFF , 231px 965px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1398px 49px #FFF , 1305px 1886px #FFF , 1228px 1156px #FFF , 809px 830px #FFF , 1420px 672px #FFF , 1032px 345px #FFF , 1231px 10px #FFF , 885px 1007px #FFF , 129px 1544px #FFF , 933px 1396px #FFF , 1633px 726px #FFF , 275px 1280px #FFF , 398px 258px #FFF , 1662px 1061px #FFF , 1766px 1504px #FFF , 865px 1762px #FFF , 1652px 1144px #FFF , 1701px 1043px #FFF , 1889px 1632px #FFF , 1196px 1957px #FFF , 487px 1738px #FFF , 790px 171px #FFF , 1900px 1663px #FFF , 1550px 1051px #FFF , 444px 891px #FFF , 98px 949px #FFF , 895px 359px #FFF , 1864px 1414px #FFF , 874px 1030px #FFF , 713px 1551px #FFF , 120px 9px #FFF , 1301px 1992px #FFF , 335px 865px #FFF , 316px 1528px #FFF , 1557px 332px #FFF , 1781px 1485px #FFF , 1278px 1149px #FFF , 148px 1767px #FFF , 696px 446px #FFF , 1450px 1959px #FFF , 1961px 331px #FFF , 844px 43px #FFF , 411px 695px #FFF , 1435px 288px #FFF , 1256px 536px #FFF , 1692px 1183px #FFF , 1813px 253px #FFF , 1464px 768px #FFF , 66px 239px #FFF , 661px 1396px #FFF , 1718px 54px #FFF , 898px 161px #FFF , 1036px 774px #FFF , 1043px 1775px #FFF , 210px 1115px #FFF , 1718px 1755px #FFF , 937px 1068px #FFF , 1717px 465px #FFF , 433px 1200px #FFF , 336px 603px #FFF , 134px 1369px #FFF , 1636px 3px #FFF , 777px 791px #FFF , 884px 1072px #FFF , 1809px 1636px #FFF , 1713px 1333px #FFF , 1584px 1648px #FFF , 108px 785px #FFF , 1448px 1386px #FFF , 554px 66px #FFF , 1688px 742px #FFF , 1127px 779px #FFF , 959px 322px #FFF , 1990px 1549px #FFF , 1363px 1977px #FFF , 1712px 269px #FFF , 1515px 980px #FFF , 58px 1435px #FFF , 1482px 981px #FFF , 1783px 1221px #FFF , 208px 100px #FFF , 1717px 1715px #FFF , 942px 1699px #FFF , 1167px 1523px #FFF , 546px 367px #FFF , 981px 1989px #FFF , 89px 1428px #FFF , 1749px 1473px #FFF , 320px 1680px #FFF , 1373px 1454px #FFF , 807px 775px #FFF , 66px 901px #FFF , 1738px 994px #FFF , 1181px 1578px #FFF , 1862px 62px #FFF , 1078px 497px #FFF , 1024px 1742px #FFF , 515px 604px #FFF , 1059px 1453px #FFF , 336px 835px #FFF , 1054px 1200px #FFF , 155px 951px #FFF , 1198px 473px #FFF , 268px 1624px #FFF , 1590px 1644px #FFF , 366px 1476px #FFF , 1086px 42px #FFF , 144px 170px #FFF , 98px 1354px #FFF , 1711px 1554px #FFF , 48px 1642px #FFF , 1642px 123px #FFF , 1919px 366px #FFF , 1860px 161px #FFF , 152px 1749px #FFF , 1780px 1823px #FFF , 1893px 1281px #FFF , 1386px 611px #FFF , 177px 541px #FFF , 852px 1344px #FFF , 1444px 588px #FFF , 701px 220px #FFF , 612px 1877px #FFF , 653px 1156px #FFF , 433px 1326px #FFF , 315px 1297px #FFF , 1468px 562px #FFF , 1270px 1430px #FFF , 693px 1439px #FFF , 1324px 847px #FFF , 1176px 1250px #FFF , 907px 649px #FFF , 1962px 790px #FFF , 1380px 586px #FFF , 1717px 373px #FFF , 920px 1734px #FFF , 1044px 668px #FFF , 523px 100px #FFF , 49px 1219px #FFF , 1703px 1918px #FFF , 6px 1758px #FFF , 1167px 390px #FFF , 776px 253px #FFF , 929px 386px #FFF , 1008px 1190px #FFF , 1355px 627px #FFF , 1060px 1729px #FFF , 693px 470px #FFF , 1285px 243px #FFF , 1025px 10px #FFF , 1412px 174px #FFF , 1604px 71px #FFF , 690px 1512px #FFF , 111px 872px #FFF , 1964px 1841px #FFF , 1503px 212px #FFF , 523px 39px #FFF , 758px 1370px #FFF , 1748px 128px #FFF , 975px 1687px #FFF , 442px 1580px #FFF , 1923px 723px #FFF , 1521px 1282px #FFF , 475px 61px #FFF , 1636px 650px #FFF , 215px 684px #FFF , 1050px 1077px #FFF , 1238px 1136px #FFF , 1977px 1661px #FFF , 1206px 73px #FFF , 1998px 898px #FFF , 1220px 664px #FFF , 1280px 736px #FFF , 1361px 549px #FFF , 285px 1597px #FFF , 299px 1201px #FFF , 1250px 123px #FFF , 1690px 673px #FFF , 55px 1784px #FFF , 1130px 1300px #FFF , 1704px 37px #FFF , 33px 1793px #FFF , 600px 36px #FFF , 1113px 1957px #FFF , 1932px 1302px #FFF , 475px 763px #FFF , 76px 1471px #FFF , 1167px 1569px #FFF , 69px 652px #FFF , 1350px 242px #FFF , 1053px 322px #FFF , 191px 1285px #FFF , 1074px 698px #FFF , 917px 199px #FFF , 1898px 1054px #FFF , 1273px 520px #FFF , 487px 1559px #FFF , 1446px 1683px #FFF , 502px 223px #FFF , 1843px 116px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1398px 49px #FFF , 1305px 1886px #FFF , 1228px 1156px #FFF , 809px 830px #FFF , 1420px 672px #FFF , 1032px 345px #FFF , 1231px 10px #FFF , 885px 1007px #FFF , 129px 1544px #FFF , 933px 1396px #FFF , 1633px 726px #FFF , 275px 1280px #FFF , 398px 258px #FFF , 1662px 1061px #FFF , 1766px 1504px #FFF , 865px 1762px #FFF , 1652px 1144px #FFF , 1701px 1043px #FFF , 1889px 1632px #FFF , 1196px 1957px #FFF , 487px 1738px #FFF , 790px 171px #FFF , 1900px 1663px #FFF , 1550px 1051px #FFF , 444px 891px #FFF , 98px 949px #FFF , 895px 359px #FFF , 1864px 1414px #FFF , 874px 1030px #FFF , 713px 1551px #FFF , 120px 9px #FFF , 1301px 1992px #FFF , 335px 865px #FFF , 316px 1528px #FFF , 1557px 332px #FFF , 1781px 1485px #FFF , 1278px 1149px #FFF , 148px 1767px #FFF , 696px 446px #FFF , 1450px 1959px #FFF , 1961px 331px #FFF , 844px 43px #FFF , 411px 695px #FFF , 1435px 288px #FFF , 1256px 536px #FFF , 1692px 1183px #FFF , 1813px 253px #FFF , 1464px 768px #FFF , 66px 239px #FFF , 661px 1396px #FFF , 1718px 54px #FFF , 898px 161px #FFF , 1036px 774px #FFF , 1043px 1775px #FFF , 210px 1115px #FFF , 1718px 1755px #FFF , 937px 1068px #FFF , 1717px 465px #FFF , 433px 1200px #FFF , 336px 603px #FFF , 134px 1369px #FFF , 1636px 3px #FFF , 777px 791px #FFF , 884px 1072px #FFF , 1809px 1636px #FFF , 1713px 1333px #FFF , 1584px 1648px #FFF , 108px 785px #FFF , 1448px 1386px #FFF , 554px 66px #FFF , 1688px 742px #FFF , 1127px 779px #FFF , 959px 322px #FFF , 1990px 1549px #FFF , 1363px 1977px #FFF , 1712px 269px #FFF , 1515px 980px #FFF , 58px 1435px #FFF , 1482px 981px #FFF , 1783px 1221px #FFF , 208px 100px #FFF , 1717px 1715px #FFF , 942px 1699px #FFF , 1167px 1523px #FFF , 546px 367px #FFF , 981px 1989px #FFF , 89px 1428px #FFF , 1749px 1473px #FFF , 320px 1680px #FFF , 1373px 1454px #FFF , 807px 775px #FFF , 66px 901px #FFF , 1738px 994px #FFF , 1181px 1578px #FFF , 1862px 62px #FFF , 1078px 497px #FFF , 1024px 1742px #FFF , 515px 604px #FFF , 1059px 1453px #FFF , 336px 835px #FFF , 1054px 1200px #FFF , 155px 951px #FFF , 1198px 473px #FFF , 268px 1624px #FFF , 1590px 1644px #FFF , 366px 1476px #FFF , 1086px 42px #FFF , 144px 170px #FFF , 98px 1354px #FFF , 1711px 1554px #FFF , 48px 1642px #FFF , 1642px 123px #FFF , 1919px 366px #FFF , 1860px 161px #FFF , 152px 1749px #FFF , 1780px 1823px #FFF , 1893px 1281px #FFF , 1386px 611px #FFF , 177px 541px #FFF , 852px 1344px #FFF , 1444px 588px #FFF , 701px 220px #FFF , 612px 1877px #FFF , 653px 1156px #FFF , 433px 1326px #FFF , 315px 1297px #FFF , 1468px 562px #FFF , 1270px 1430px #FFF , 693px 1439px #FFF , 1324px 847px #FFF , 1176px 1250px #FFF , 907px 649px #FFF , 1962px 790px #FFF , 1380px 586px #FFF , 1717px 373px #FFF , 920px 1734px #FFF , 1044px 668px #FFF , 523px 100px #FFF , 49px 1219px #FFF , 1703px 1918px #FFF , 6px 1758px #FFF , 1167px 390px #FFF , 776px 253px #FFF , 929px 386px #FFF , 1008px 1190px #FFF , 1355px 627px #FFF , 1060px 1729px #FFF , 693px 470px #FFF , 1285px 243px #FFF , 1025px 10px #FFF , 1412px 174px #FFF , 1604px 71px #FFF , 690px 1512px #FFF , 111px 872px #FFF , 1964px 1841px #FFF , 1503px 212px #FFF , 523px 39px #FFF , 758px 1370px #FFF , 1748px 128px #FFF , 975px 1687px #FFF , 442px 1580px #FFF , 1923px 723px #FFF , 1521px 1282px #FFF , 475px 61px #FFF , 1636px 650px #FFF , 215px 684px #FFF , 1050px 1077px #FFF , 1238px 1136px #FFF , 1977px 1661px #FFF , 1206px 73px #FFF , 1998px 898px #FFF , 1220px 664px #FFF , 1280px 736px #FFF , 1361px 549px #FFF , 285px 1597px #FFF , 299px 1201px #FFF , 1250px 123px #FFF , 1690px 673px #FFF , 55px 1784px #FFF , 1130px 1300px #FFF , 1704px 37px #FFF , 33px 1793px #FFF , 600px 36px #FFF , 1113px 1957px #FFF , 1932px 1302px #FFF , 475px 763px #FFF , 76px 1471px #FFF , 1167px 1569px #FFF , 69px 652px #FFF , 1350px 242px #FFF , 1053px 322px #FFF , 191px 1285px #FFF , 1074px 698px #FFF , 917px 199px #FFF , 1898px 1054px #FFF , 1273px 520px #FFF , 487px 1559px #FFF , 1446px 1683px #FFF , 502px 223px #FFF , 1843px 116px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 760px 873px #FFF , 974px 1143px #FFF , 1421px 689px #FFF , 1313px 1684px #FFF , 809px 103px #FFF , 1621px 257px #FFF , 1886px 1611px #FFF , 476px 18px #FFF , 255px 1974px #FFF , 1803px 1646px #FFF , 1182px 636px #FFF , 1298px 801px #FFF , 1432px 257px #FFF , 1986px 881px #FFF , 287px 759px #FFF , 276px 307px #FFF , 1954px 345px #FFF , 676px 876px #FFF , 1171px 485px #FFF , 943px 1200px #FFF , 1752px 1215px #FFF , 841px 1507px #FFF , 405px 168px #FFF , 401px 95px #FFF , 952px 583px #FFF , 1977px 471px #FFF , 372px 868px #FFF , 1189px 1321px #FFF , 18px 256px #FFF , 798px 527px #FFF , 691px 853px #FFF , 183px 785px #FFF , 943px 1330px #FFF , 929px 1784px #FFF , 658px 109px #FFF , 374px 1928px #FFF , 1875px 1152px #FFF , 1277px 1761px #FFF , 362px 33px #FFF , 299px 419px #FFF , 637px 4px #FFF , 1535px 172px #FFF , 833px 705px #FFF , 367px 1941px #FFF , 334px 53px #FFF , 1006px 1926px #FFF , 677px 1183px #FFF , 1172px 270px #FFF , 845px 1883px #FFF , 578px 1779px #FFF , 439px 467px #FFF , 1609px 799px #FFF , 1142px 568px #FFF , 1089px 1367px #FFF , 1609px 685px #FFF , 727px 1051px #FFF , 879px 978px #FFF , 1558px 1911px #FFF , 1532px 241px #FFF , 1136px 705px #FFF , 1822px 1141px #FFF , 1000px 753px #FFF , 1340px 1798px #FFF , 592px 1487px #FFF , 934px 728px #FFF , 1468px 1582px #FFF , 760px 102px #FFF , 1554px 596px #FFF , 1616px 845px #FFF , 1434px 699px #FFF , 581px 721px #FFF , 343px 429px #FFF , 914px 1265px #FFF , 1293px 1505px #FFF , 487px 1286px #FFF , 602px 1189px #FFF , 1689px 464px #FFF , 1100px 553px #FFF , 1642px 792px #FFF , 775px 1192px #FFF , 589px 331px #FFF , 492px 652px #FFF , 349px 1627px #FFF , 366px 14px #FFF , 1526px 1344px #FFF , 1707px 819px #FFF , 444px 1598px #FFF , 514px 840px #FFF , 1675px 1893px #FFF , 1735px 1158px #FFF , 1395px 1328px #FFF , 1399px 445px #FFF , 266px 263px #FFF , 1144px 1815px #FFF , 579px 1994px #FFF , 293px 949px #FFF , 889px 138px #FFF , 166px 637px #FFF , 698px 1490px #FFF , 429px 975px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 760px 873px #FFF , 974px 1143px #FFF , 1421px 689px #FFF , 1313px 1684px #FFF , 809px 103px #FFF , 1621px 257px #FFF , 1886px 1611px #FFF , 476px 18px #FFF , 255px 1974px #FFF , 1803px 1646px #FFF , 1182px 636px #FFF , 1298px 801px #FFF , 1432px 257px #FFF , 1986px 881px #FFF , 287px 759px #FFF , 276px 307px #FFF , 1954px 345px #FFF , 676px 876px #FFF , 1171px 485px #FFF , 943px 1200px #FFF , 1752px 1215px #FFF , 841px 1507px #FFF , 405px 168px #FFF , 401px 95px #FFF , 952px 583px #FFF , 1977px 471px #FFF , 372px 868px #FFF , 1189px 1321px #FFF , 18px 256px #FFF , 798px 527px #FFF , 691px 853px #FFF , 183px 785px #FFF , 943px 1330px #FFF , 929px 1784px #FFF , 658px 109px #FFF , 374px 1928px #FFF , 1875px 1152px #FFF , 1277px 1761px #FFF , 362px 33px #FFF , 299px 419px #FFF , 637px 4px #FFF , 1535px 172px #FFF , 833px 705px #FFF , 367px 1941px #FFF , 334px 53px #FFF , 1006px 1926px #FFF , 677px 1183px #FFF , 1172px 270px #FFF , 845px 1883px #FFF , 578px 1779px #FFF , 439px 467px #FFF , 1609px 799px #FFF , 1142px 568px #FFF , 1089px 1367px #FFF , 1609px 685px #FFF , 727px 1051px #FFF , 879px 978px #FFF , 1558px 1911px #FFF , 1532px 241px #FFF , 1136px 705px #FFF , 1822px 1141px #FFF , 1000px 753px #FFF , 1340px 1798px #FFF , 592px 1487px #FFF , 934px 728px #FFF , 1468px 1582px #FFF , 760px 102px #FFF , 1554px 596px #FFF , 1616px 845px #FFF , 1434px 699px #FFF , 581px 721px #FFF , 343px 429px #FFF , 914px 1265px #FFF , 1293px 1505px #FFF , 487px 1286px #FFF , 602px 1189px #FFF , 1689px 464px #FFF , 1100px 553px #FFF , 1642px 792px #FFF , 775px 1192px #FFF , 589px 331px #FFF , 492px 652px #FFF , 349px 1627px #FFF , 366px 14px #FFF , 1526px 1344px #FFF , 1707px 819px #FFF , 444px 1598px #FFF , 514px 840px #FFF , 1675px 1893px #FFF , 1735px 1158px #FFF , 1395px 1328px #FFF , 1399px 445px #FFF , 266px 263px #FFF , 1144px 1815px #FFF , 579px 1994px #FFF , 293px 949px #FFF , 889px 138px #FFF , 166px 637px #FFF , 698px 1490px #FFF , 429px 975px #FFF;
}

html {
  position: fixed;
  height: 100%;
  width: 100%;
  font-family: "lato", sans-serif;
  color: #FFF;
  background: radial-gradient(ellipse at bottom, #0c1116 0%, #090a0f 100%);
}

#horizon {
  position: absolute;
  width: 160%;
  height: 70%;
  border-radius: 100%/100%;
  background: #038bff;
  -webkit-filter: blur(30px);
  left: 50%;
  bottom: -20%;
  margin-left: -80%;
}
#horizon:before {
  content: " ";
  position: absolute;
  width: 81.25%;
  height: 70%;
  border-radius: 100%/100%;
  background: #51AFFF;
  -webkit-filter: blur(30px);
  opacity: 0.6;
  margin-left: 9.375%;
}
#horizon:after {
  content: " ";
  position: absolute;
  width: 32%;
  height: 20%;
  border-radius: 650px/350px;
  background: #B0DAFF;
  -webkit-filter: blur(30px);
  opacity: 0.5;
  margin-left: 34%;
}
#horizon .glow {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%/100%;
  background: #215496;
  -webkit-filter: blur(200px);
  opacity: 0.7;
  top: -10%;
}

#earth {
  position: absolute;
  width: 200%;
  height: 100%;
  background: black;
  border-radius: 100%/100%;
  left: 50%;
  bottom: -50%;
  margin-left: -100%;
}
#earth:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%/100%;
  box-shadow: inset 0px 0px 62px 20px rgba(60, 105, 138, 0.85);
}
#earth:after {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF000000', endColorstr='#FF000000');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #000000), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
  background-image: -moz-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0) 50%, #000000 100%);
  background-image: -webkit-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0) 50%, #000000 100%);
  background-image: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 50%, #000000 100%);
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%/100%;
}
@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}


@keyframes animGravity {
  0% {
    transform: translateY(-26px);
    transform: translateZ(-155px);
    opacity: 0;
  }
  30%, 80% {
    transform: translateY(0px);
    transform: translateZ(-155px);
    opacity: .7;
  }
  92%, 100% {
    opacity: 1;
    transform: translateZ(-155px);
  }
}

@keyframes animDont {
  0%	, 15% {
    transform: translateY(-26px);
    opacity: 0;
  }
  35%, 80% {
    transform: translateY(0px);
    opacity: 1;
  }
  92%, 100% {
    transform: translateY(-4px);
    opacity: 0;
  }
}
@keyframes animLet {
  0%	, 25% {
    transform: translateY(-26px);
    opacity: 0;
  }
  45%, 80% {
    transform: translateY(0px);
    opacity: 1;
  }
  92%, 100% {
    transform: translateY(-4px);
    opacity: 0;
  }
}
	<html>
	<head>
	<title>Cinemacloud</title>

	<link rel="import" href="http://ccld.tv/cloud_wrapper.html">

	<!-- Incorporate 3D slideshow
	http://hakim.se/experiments/css/slideshow/#/
	-->
	</head>
	<body>

	<div id="cloud_wrapper" class="card">
	<div class="logo" id="_logo">
	<h1>Cinema</h1>
	<h1>Cinema</h1>
	<h1>Cinema</h1>
	<h1>Cinema</h1>
	<h1>Cinema</h1>
	<h1>Cinema</h1>
	<h1>Cinema</h1>
	<h1>Cinema</h1>
	<h1>Cinema</h1>
	</div>
	<div class="logo2">Cloud<span class="symb">®</span></div>
	<div class="cloud"></div>
	</div>

	<!-- sky and clouds -->
	<div id="sk">
	<div id="clds"></div>
	</div>
	<!-- noise container -->
	<template is="dom-bind" style="z-index:10000; border:1px solid red;">

	<button style="z-index:1000000; position:absolute;" on-click="_onButtonClick">click me</button>
	<cloud-wrapper></cloud-wrapper>
	</template>

	<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
	<div id='stars'></div>
	<div id='stars2'></div>
	<div id='stars3'></div>
	<div id='horizon'>
	<div class='glow'></div>
	</div>
	<div id='earth'></div>

	</body>
	</html>

	var scope = document.querySelector('template[is="dom-bind"]');

	scope._onButtonClick = function(event) {
	var node = document.querySelector('cloud-wrapper');
	if (node) {
	node.animate();
	}
	};
	window.requestAnimFrame = (function() {
	return window.requestAnimationFrame \|\|
	window.webkitRequestAnimationFrame \|\|
	window.mozRequestAnimationFrame \|\|
	window.oRequestAnimationFrame \|\|
	window.msRequestAnimationFrame \|\|
	function(callback) {
	window.setTimeout(callback, 1000 / 60);
	};
	})();

	var _clds = document.getElementById('clds'),
	_sk = document.getElementById('sk'),
	x = 0,
	y = 0,
	a = 0;
	var larr = [];
	var clarr = [];
	var mv = 0;
	var pov = 1400;

	var rot = function() {
	mv++;
	if (mv == pov) {
	mv = 0;
	} else {
	y += 0.1;
	}
	chngV();
	}

	var chngV = function() {
	var trans = 'translateZ( ' + a + 'px ) rotateX( ' + x + 'deg) rotateY( ' + y + 'deg)';
	_clds.style.webkitTransform = trans;
	_clds.style.MozTransform = trans;
	_clds.style.oTransform = trans;
	};

	_sk.style.webkitPerspective = pov;
	_sk.style.MozPerspective = pov;
	_sk.style.oPerspective = pov;

	var create = function() {
	clarr = [];
	if (_clds.hasChildNodes()) {
	while (_clds.childNodes.length >= 1) {
	_clds.removeChild(clds.firstChild);
	}
	}
	for (var i = 0; i < 12; i++) {
	clarr.push(build());
	}
	}

	var build = function() {
	var div = document.createElement('div');
	div.className = 'bl';
	var x = 256 - (Math.random() * 512);
	var y = 256 - (Math.random() * 512);
	var z = 256 - (Math.random() * 512);

	var trans = 'translateX( ' + x + 'px ) translateY( ' + y + 'px ) translateZ( ' + z + 'px )';
	div.style.webkitTransform = trans;
	div.style.MozTransform = trans;
	div.style.oTransform = trans;
	_clds.appendChild(div);

	for (var i = 0; i < 5 + Math.round(Math.random() * 12); i++) {
	var c = document.createElement('img');
	c.style.opacity = 0;
	var r = Math.random();
	var img = 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/131045/cld1.png';
	(function(img) {
	img.addEventListener('load', function() {
	img.style.opacity = .55;
	})
	})(c);

	c.setAttribute('src', img);
	c.className = 'clay';

	var x = 256 - (Math.random() * 512);
	var y = 256 - (Math.random() * 512);
	var z = 100 - (Math.random() * 200);
	var a = Math.random() * 360;
	var s = .25 + Math.random();
	x *= .2;
	y *= .2;

	c.param = {
	x: x,
	y: y,
	z: z,
	a: a,
	s: s,
	sp: .1 * Math.random()
	};
	var trans = 'translateX( ' + x + 'px ) translateY( ' + y + 'px ) translateZ( ' + z + 'px ) rotateZ( ' + a + 'deg ) scale( ' + s + ' )';
	c.style.webkitTransform = trans;
	c.style.MozTransform = trans;
	c.style.oTransform = trans;
	div.appendChild(c);
	larr.push(c);
	}
	return div;
	}

	var upd = function() {
	for (var i in larr) {
	var lay = larr[i];
	lay.param.a += lay.param.sp;
	var trans = 'translateX( ' + lay.param.x + 'px ) translateY( ' + lay.param.y + 'px ) translateZ( ' + lay.param.z + 'px ) rotateY( ' + (-y) + 'deg ) rotateX( ' + (-x) + 'deg ) scale( ' + lay.param.s + ')';
	lay.style.webkitTransform = trans;
	lay.style.MozTransform = trans;
	lay.style.oTransform = trans;

	}
	window.requestAnimFrame(upd);
	}
	setInterval('rot()', 1000 / 30);
	create();
	upd();

	// why it doesn't work on firefox?
	var card = $(".card");

	$(document).on("mousemove",function(e) {
	var ax = -($(window).innerWidth()/2- e.pageX)/100;
	var ay = ($(window).innerHeight()/2- e.pageY)/100;
	card.attr("style", "transform: rotateY("+ax+"deg) rotateX("+ay+"deg);-webkit-transform: rotateY("+ax+"deg) rotateX("+ay+"deg);-moz-transform: rotateY("+ax+"deg) rotateX("+ay+"deg)");

	//console.log( ax + ' .. ' + ay);

	});
	var width=0;
	var canvas = document.getElementById('logoBGCanvas'),
	context = canvas.getContext('2d');
	var bcontext = 'getCSSCanvasContext' in document ? document.getCSSCanvasContext('2d', 'noise', 100, 100) : context;

	noise();
	function noise() {
	requestAnimationFrame(noise);
	var idata = context.getImageData(0, 0, 100, 100);
	for (var i = 0; i < idata.data.length; i += 1) {
	idata.data[i] = idata.data[i + 1] = idata.data[i + 2] = Math.floor(Math.random() * 255);
	idata.data[i + 3] = 5;
	}
	bcontext.putImageData(idata, 0, 0);
	}