/*
* Variable definitions
*/
/*
* Animations
*/
@-webkit-keyframes shine {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}
@keyframes shine {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}
@-webkit-keyframes glow {
  0% {
    box-shadow: 0 0 1em #ffffff, 0 0 -1em #ffffff;
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 0 0 1em #ffffff;
    opacity: 0;
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
}
@keyframes glow {
  0% {
    box-shadow: 0 0 1em #ffffff, 0 0 -1em #ffffff;
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    box-shadow: 0 0 1em #ffffff;
    opacity: 0;
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
}
@-webkit-keyframes blink {
  0%, 95% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  98%, 100% {
    -webkit-transform: scaleY(0.1);
            transform: scaleY(0.1);
  }
}
@keyframes blink {
  0%, 95% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  98%, 100% {
    -webkit-transform: scaleY(0.1);
            transform: scaleY(0.1);
  }
}
@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
  100% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
}
@keyframes float {
  0% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
  100% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
}
@-webkit-keyframes lookaround {
  0%, 15% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  20%, 50%, 80% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  85%, 100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
@keyframes lookaround {
  0%, 15% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  20%, 50%, 80% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  85%, 100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
@-webkit-keyframes heartbeat {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  2% {
    opacity: 0.5;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  4% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  8% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  10% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate(0, -800%);
            transform: scale(1) translate(0, -800%);
  }
}
@keyframes heartbeat {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  2% {
    opacity: 0.5;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  4% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  8% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  10% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate(0, -800%);
            transform: scale(1) translate(0, -800%);
  }
}

.space__star {
  background-color: #FFFDE7;
  border-radius: 50%;
  position: absolute;
}
.space__star:after {
  background-color: #fafafa;
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.space__star:nth-child(even) {
  background-color: #E1F5FE;
}
.space__star--small {
  height: 0.5em;
  width: 0.5em;
}
.space__star--medium {
  height: 1em;
  width: 1em;
}
.space__star--big {
  height: 1.5em;
  width: 1.5em;
}
.space__star--1 {
  -webkit-animation: shine 4s ease-in-out infinite alternate;
          animation: shine 4s ease-in-out infinite alternate;
  left: 75%;
  top: 25%;
}
.space__star--1::after {
  -webkit-animation: glow 6s ease-out infinite normal;
          animation: glow 6s ease-out infinite normal;
}
.space__star--2 {
  -webkit-animation: shine 1s ease-in-out infinite alternate;
          animation: shine 1s ease-in-out infinite alternate;
  left: 95%;
  top: 70%;
}
.space__star--2::after {
  -webkit-animation: glow 3s ease-out infinite normal;
          animation: glow 3s ease-out infinite normal;
}
.space__star--3 {
  -webkit-animation: shine 1s ease-in-out infinite alternate;
          animation: shine 1s ease-in-out infinite alternate;
  left: 42%;
  top: 14%;
}
.space__star--3::after {
  -webkit-animation: glow 3s ease-out infinite normal;
          animation: glow 3s ease-out infinite normal;
}
.space__star--4 {
  -webkit-animation: shine 4s ease-in-out infinite alternate;
          animation: shine 4s ease-in-out infinite alternate;
  left: 31%;
  top: 100%;
}
.space__star--4::after {
  -webkit-animation: glow 4s ease-out infinite normal;
          animation: glow 4s ease-out infinite normal;
}
.space__star--5 {
  -webkit-animation: shine 2s ease-in-out infinite alternate;
          animation: shine 2s ease-in-out infinite alternate;
  left: 7%;
  top: 80%;
}
.space__star--5::after {
  -webkit-animation: glow 4s ease-out infinite normal;
          animation: glow 4s ease-out infinite normal;
}
.space__star--6 {
  -webkit-animation: shine 6s ease-in-out infinite alternate;
          animation: shine 6s ease-in-out infinite alternate;
  left: 77%;
  top: 30%;
}
.space__star--6::after {
  -webkit-animation: glow 6s ease-out infinite normal;
          animation: glow 6s ease-out infinite normal;
}
.space__star--7 {
  -webkit-animation: shine 1s ease-in-out infinite alternate;
          animation: shine 1s ease-in-out infinite alternate;
  left: 12%;
  top: 53%;
}
.space__star--7::after {
  -webkit-animation: glow 2s ease-out infinite normal;
          animation: glow 2s ease-out infinite normal;
}
.space__star--8 {
  -webkit-animation: shine 2s ease-in-out infinite alternate;
          animation: shine 2s ease-in-out infinite alternate;
  left: 14%;
  top: 79%;
}
.space__star--8::after {
  -webkit-animation: glow 6s ease-out infinite normal;
          animation: glow 6s ease-out infinite normal;
}
.space__star--9 {
  -webkit-animation: shine 4s ease-in-out infinite alternate;
          animation: shine 4s ease-in-out infinite alternate;
  left: 57%;
  top: 44%;
}
.space__star--9::after {
  -webkit-animation: glow 5s ease-out infinite normal;
          animation: glow 5s ease-out infinite normal;
}
.space__star--10 {
  -webkit-animation: shine 5s ease-in-out infinite alternate;
          animation: shine 5s ease-in-out infinite alternate;
  left: 60%;
  top: 83%;
}
.space__star--10::after {
  -webkit-animation: glow 2s ease-out infinite normal;
          animation: glow 2s ease-out infinite normal;
}
.space__star--11 {
  -webkit-animation: shine 4s ease-in-out infinite alternate;
          animation: shine 4s ease-in-out infinite alternate;
  left: 90%;
  top: 70%;
}
.space__star--11::after {
  -webkit-animation: glow 4s ease-out infinite normal;
          animation: glow 4s ease-out infinite normal;
}
.space__star--12 {
  -webkit-animation: shine 7s ease-in-out infinite alternate;
          animation: shine 7s ease-in-out infinite alternate;
  left: 25%;
  top: 33%;
}
.space__star--12::after {
  -webkit-animation: glow 3s ease-out infinite normal;
          animation: glow 3s ease-out infinite normal;
}
.space__star--13 {
  -webkit-animation: shine 3s ease-in-out infinite alternate;
          animation: shine 3s ease-in-out infinite alternate;
  left: 30%;
  top: 33%;
}
.space__star--13::after {
  -webkit-animation: glow 5s ease-out infinite normal;
          animation: glow 5s ease-out infinite normal;
}
.space__star--14 {
  -webkit-animation: shine 2s ease-in-out infinite alternate;
          animation: shine 2s ease-in-out infinite alternate;
  left: 92%;
  top: 7%;
}
.space__star--14::after {
  -webkit-animation: glow 3s ease-out infinite normal;
          animation: glow 3s ease-out infinite normal;
}
.space__star--15 {
  -webkit-animation: shine 7s ease-in-out infinite alternate;
          animation: shine 7s ease-in-out infinite alternate;
  left: 96%;
  top: 19%;
}
.space__star--15::after {
  -webkit-animation: glow 2s ease-out infinite normal;
          animation: glow 2s ease-out infinite normal;
}
.space__star--16 {
  -webkit-animation: shine 3s ease-in-out infinite alternate;
          animation: shine 3s ease-in-out infinite alternate;
  left: 88%;
  top: 76%;
}
.space__star--16::after {
  -webkit-animation: glow 5s ease-out infinite normal;
          animation: glow 5s ease-out infinite normal;
}
.space__star--17 {
  -webkit-animation: shine 6s ease-in-out infinite alternate;
          animation: shine 6s ease-in-out infinite alternate;
  left: 29%;
  top: 49%;
}
.space__star--17::after {
  -webkit-animation: glow 2s ease-out infinite normal;
          animation: glow 2s ease-out infinite normal;
}
.space__star--18 {
  -webkit-animation: shine 1s ease-in-out infinite alternate;
          animation: shine 1s ease-in-out infinite alternate;
  left: 86%;
  top: 75%;
}
.space__star--18::after {
  -webkit-animation: glow 4s ease-out infinite normal;
          animation: glow 4s ease-out infinite normal;
}
.space__star--19 {
  -webkit-animation: shine 3s ease-in-out infinite alternate;
          animation: shine 3s ease-in-out infinite alternate;
  left: 89%;
  top: 68%;
}
.space__star--19::after {
  -webkit-animation: glow 4s ease-out infinite normal;
          animation: glow 4s ease-out infinite normal;
}
.space__star--20 {
  -webkit-animation: shine 5s ease-in-out infinite alternate;
          animation: shine 5s ease-in-out infinite alternate;
  left: 3%;
  top: 87%;
}
.space__star--20::after {
  -webkit-animation: glow 5s ease-out infinite normal;
          animation: glow 5s ease-out infinite normal;
}
.space__star--21 {
  -webkit-animation: shine 7s ease-in-out infinite alternate;
          animation: shine 7s ease-in-out infinite alternate;
  left: 65%;
  top: 59%;
}
.space__star--21::after {
  -webkit-animation: glow 6s ease-out infinite normal;
          animation: glow 6s ease-out infinite normal;
}
.space__star--22 {
  -webkit-animation: shine 4s ease-in-out infinite alternate;
          animation: shine 4s ease-in-out infinite alternate;
  left: 53%;
  top: 54%;
}
.space__star--22::after {
  -webkit-animation: glow 2s ease-out infinite normal;
          animation: glow 2s ease-out infinite normal;
}
.space__star--23 {
  -webkit-animation: shine 1s ease-in-out infinite alternate;
          animation: shine 1s ease-in-out infinite alternate;
  left: 90%;
  top: 82%;
}
.space__star--23::after {
  -webkit-animation: glow 2s ease-out infinite normal;
          animation: glow 2s ease-out infinite normal;
}
.space__star--24 {
  -webkit-animation: shine 3s ease-in-out infinite alternate;
          animation: shine 3s ease-in-out infinite alternate;
  left: 73%;
  top: 93%;
}
.space__star--24::after {
  -webkit-animation: glow 5s ease-out infinite normal;
          animation: glow 5s ease-out infinite normal;
}
.space__star--25 {
  -webkit-animation: shine 5s ease-in-out infinite alternate;
          animation: shine 5s ease-in-out infinite alternate;
  left: 100%;
  top: 17%;
}
.space__star--25::after {
  -webkit-animation: glow 3s ease-out infinite normal;
          animation: glow 3s ease-out infinite normal;
}
.space__star--26 {
  -webkit-animation: shine 2s ease-in-out infinite alternate;
          animation: shine 2s ease-in-out infinite alternate;
  left: 14%;
  top: 12%;
}
.space__star--26::after {
  -webkit-animation: glow 4s ease-out infinite normal;
          animation: glow 4s ease-out infinite normal;
}
.space__star--27 {
  -webkit-animation: shine 3s ease-in-out infinite alternate;
          animation: shine 3s ease-in-out infinite alternate;
  left: 48%;
  top: 65%;
}
.space__star--27::after {
  -webkit-animation: glow 2s ease-out infinite normal;
          animation: glow 2s ease-out infinite normal;
}
.space__star--28 {
  -webkit-animation: shine 6s ease-in-out infinite alternate;
          animation: shine 6s ease-in-out infinite alternate;
  left: 35%;
  top: 59%;
}
.space__star--28::after {
  -webkit-animation: glow 6s ease-out infinite normal;
          animation: glow 6s ease-out infinite normal;
}
.space__star--29 {
  -webkit-animation: shine 3s ease-in-out infinite alternate;
          animation: shine 3s ease-in-out infinite alternate;
  left: 77%;
  top: 80%;
}
.space__star--29::after {
  -webkit-animation: glow 2s ease-out infinite normal;
          animation: glow 2s ease-out infinite normal;
}