html {
  height: 100%;
  background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
  overflow: hidden;
}

html {
  margin: 0;
  overflow: hidden;
  position: relative;
}
#stars, #stars:after,
#stars2, #stars2:after,
#stars3, #stars3:after {
  position: absolute;
  background: transparent;
  display: block;
  content: " ";
}

/* Small Stars */
#stars {
  width: 1px;
  height: 1px;
  box-shadow: 
    384px 1592px #FFF, 1447px 505px #FFF, 1705px 1186px #FFF, 579px 197px #FFF, 1766px 1502px #FFF,
    1085px 1036px #FFF, 1053px 682px #FFF, 1645px 144px #FFF, 672px 1555px #FFF, 397px 1017px #FFF,
    1234px 934px #FFF, 1873px 1146px #FFF, 839px 682px #FFF, 1544px 1599px #FFF, 200px 1900px #FFF,
    133px 772px #FFF, 1000px 1298px #FFF, 1657px 500px #FFF, 1930px 1700px #FFF, 800px 300px #FFF,
    1340px 600px #FFF, 875px 1800px #FFF, 1423px 250px #FFF, 1690px 750px #FFF, 123px 180px #FFF;
  animation: animStar 50s linear infinite;
}

#stars:after {
  top: 2000px;
  width: 1px;
  height: 1px;
  box-shadow: inherit;
}
/* Medium Stars */
#stars2 {
  width: 2px;
  height: 2px;
  box-shadow:
    743px 1017px #FFF, 1135px 1288px #FFF, 173px 421px #FFF, 1249px 32px #FFF, 1879px 698px #FFF,
    198px 1208px #FFF, 1263px 697px #FFF, 1222px 753px #FFF, 1616px 1931px #FFF, 1244px 1298px #FFF,
    116px 1867px #FFF, 981px 1588px #FFF, 1240px 1600px #FFF, 135px 1200px #FFF, 800px 400px #FFF;
  animation: animStar 100s linear infinite;
}

#stars2:after {
  top: 2000px;
  width: 2px;
  height: 2px;
  box-shadow: inherit;
}

/* Big Stars */
#stars3 {
  width: 3px;
  height: 3px;
  box-shadow:
    1333px 1983px #FFF, 944px 211px #FFF, 132px 684px #FFF, 680px 1122px #FFF, 1775px 1210px #FFF,
    1246px 1024px #FFF, 666px 1759px #FFF, 887px 198px #FFF, 1433px 929px #FFF, 191px 1514px #FFF;
  animation: animStar 150s linear infinite;
}

#stars3:after {
  top: 2000px;
  width: 3px;
  height: 3px;
  box-shadow: inherit;
}

/* Title styling */
#title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #FFF;
  text-align: center;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 50px;
  letter-spacing: 10px;
  margin-top: -60px;
  padding-left: 10px;
}

/* Star animation */
@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}