@import url("https://fonts.googleapis.com/css?family=Unica+One");
.tree {
  fill: #000;
}

.sky-bright {
  stop-color: #13566c;
}

.sky-dark {
  stop-color: #090911;
}

.sky {
  fill: url(#sky-gradient);
}

.mountains {
  fill: url(#linear-gradient);
}

.hills {
  fill: url(#linear-gradient-2);
}

.star {
  fill: #fff;
  -webkit-animation: star 2s infinite alternate;
          animation: star 2s infinite alternate;
  opacity: 0.8;
}
.star:nth-child(1) {
  -webkit-animation-delay: -1.9s;
          animation-delay: -1.9s;
}
.star:nth-child(2) {
  -webkit-animation-delay: -1.7s;
          animation-delay: -1.7s;
}
.star:nth-child(3) {
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}
.star:nth-child(4) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.star:nth-child(5) {
  -webkit-animation-delay: -1.4s;
          animation-delay: -1.4s;
}
.star:nth-child(6) {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.star:nth-child(7) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.star:nth-child(8) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.star:nth-child(9) {
  -webkit-animation-delay: -1.7s;
          animation-delay: -1.7s;
}
.star:nth-child(10) {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.star:nth-child(11) {
  -webkit-animation-delay: -1.7s;
          animation-delay: -1.7s;
}

@-webkit-keyframes star {
  0% {
    opacity: 0.2;
  }
}

@keyframes star {
  0% {
    opacity: 0.2;
  }
}
.light {
  opacity: 0.5;
  -webkit-animation: lights 5s infinite alternate;
          animation: lights 5s infinite alternate;
}
.light:nth-child(1) {
  opacity: 0.7;
  transform: scale(1, 1.01);
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
}
.light:nth-child(2) {
  opacity: 0.8;
  transform: scale(0.7, 0.64);
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.light:nth-child(3) {
  opacity: 0.7;
  transform: scale(1.1, 0.67);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.light:nth-child(4) {
  opacity: 0.2;
  transform: scale(0.8, 0.96);
  -webkit-animation-delay: -3.5s;
          animation-delay: -3.5s;
}
.light:nth-child(5) {
  opacity: 0.1;
  transform: scale(0.8, 0.66);
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
.light:nth-child(6) {
  opacity: 0.4;
  transform: scale(1.3, 0.76);
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
.light:nth-child(7) {
  opacity: 0.3;
  transform: scale(1.4, 0.76);
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
}
.light:nth-child(8) {
  opacity: 0.6;
  transform: scale(0.6, 1.1);
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.light:nth-child(9) {
  opacity: 0.7;
  transform: scale(1.3, 0.62);
  -webkit-animation-delay: -3.5s;
          animation-delay: -3.5s;
}
.light:nth-child(10) {
  opacity: 0.5;
  transform: scale(0.6, 0.61);
  -webkit-animation-delay: -4.5s;
          animation-delay: -4.5s;
}
.light:nth-child(11) {
  opacity: 0.5;
  transform: scale(1, 0.96);
  -webkit-animation-delay: -3.5s;
          animation-delay: -3.5s;
}
.light:nth-child(12) {
  opacity: 0.8;
  transform: scale(1.3, 0.91);
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.light:nth-child(13) {
  opacity: 0.7;
  transform: scale(1.3, 0.93);
  -webkit-animation-delay: -4.5s;
          animation-delay: -4.5s;
}
.light:nth-child(14) {
  opacity: 0.5;
  transform: scale(1.4, 0.79);
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
}
.light:nth-child(15) {
  opacity: 0.5;
  transform: scale(1.4, 0.77);
  -webkit-animation-delay: -4.5s;
          animation-delay: -4.5s;
}
.light:nth-child(16) {
  opacity: 0.7;
  transform: scale(0.7, 0.62);
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
}
.light:nth-child(17) {
  opacity: 0.3;
  transform: scale(1.1, 0.72);
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.light:nth-child(18) {
  opacity: 0.2;
  transform: scale(0.7, 0.81);
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
}
.light:nth-child(19) {
  opacity: 0.7;
  transform: scale(0.8, 0.63);
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
.light:nth-child(20) {
  opacity: 0.3;
  transform: scale(0.8, 0.62);
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.light:nth-child(21) {
  opacity: 0.2;
  transform: scale(1, 0.66);
  -webkit-animation-delay: -3.5s;
          animation-delay: -3.5s;
}
.light:nth-child(22) {
  opacity: 0.1;
  transform: scale(0.9, 1.06);
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
.light:nth-child(23) {
  opacity: 0.2;
  transform: scale(0.7, 1.08);
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
}
.light:nth-child(24) {
  opacity: 0.4;
  transform: scale(1.3, 0.87);
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.light:nth-child(25) {
  opacity: 0.8;
  transform: scale(1.3, 1.01);
  -webkit-animation-delay: -3.5s;
          animation-delay: -3.5s;
}
.light:nth-child(26) {
  opacity: 0.8;
  transform: scale(1.4, 0.9);
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.light:nth-child(27) {
  opacity: 0.6;
  transform: scale(1, 0.89);
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
.light:nth-child(28) {
  opacity: 0.6;
  transform: scale(1.1, 0.84);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.light:nth-child(29) {
  opacity: 0.5;
  transform: scale(1.1, 0.78);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.light:nth-child(30) {
  opacity: 0.6;
  transform: scale(1.3, 0.66);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.light:nth-child(31) {
  opacity: 0.5;
  transform: scale(0.6, 0.78);
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
}
.light:nth-child(32) {
  opacity: 0.3;
  transform: scale(0.8, 0.99);
  -webkit-animation-delay: -3.5s;
          animation-delay: -3.5s;
}
.light:nth-child(33) {
  opacity: 0.5;
  transform: scale(1.1, 0.93);
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.light:nth-child(34) {
  opacity: 0.1;
  transform: scale(1.4, 1.05);
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
.light:nth-child(35) {
  opacity: 0.8;
  transform: scale(1.3, 1.09);
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.light:nth-child(36) {
  opacity: 0.4;
  transform: scale(1.3, 0.74);
  -webkit-animation-delay: -4.5s;
          animation-delay: -4.5s;
}
.light:nth-child(37) {
  opacity: 0.1;
  transform: scale(1.2, 0.99);
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.light:nth-child(38) {
  opacity: 0.3;
  transform: scale(1.2, 1.01);
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}
.light:nth-child(39) {
  opacity: 0.4;
  transform: scale(0.8, 1.03);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.light:nth-child(40) {
  opacity: 0.8;
  transform: scale(0.6, 0.99);
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}
.light:nth-child(41) {
  opacity: 0.6;
  transform: scale(0.9, 0.99);
  -webkit-animation-delay: -3.5s;
          animation-delay: -3.5s;
}
.light:nth-child(42) {
  opacity: 0.4;
  transform: scale(1.1, 0.95);
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}
.light:nth-child(43) {
  opacity: 0.5;
  transform: scale(1.4, 0.79);
  -webkit-animation-delay: -4.5s;
          animation-delay: -4.5s;
}
.light:nth-child(44) {
  opacity: 0.7;
  transform: scale(0.8, 0.89);
  -webkit-animation-delay: -3.5s;
          animation-delay: -3.5s;
}
.light:nth-child(45) {
  opacity: 0.4;
  transform: scale(1, 1.02);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.light:nth-child(46) {
  opacity: 0.6;
  transform: scale(0.9, 1.02);
  -webkit-animation-delay: -4.5s;
          animation-delay: -4.5s;
}
.light:nth-child(47) {
  opacity: 0.4;
  transform: scale(1.2, 1.08);
  -webkit-animation-delay: -3.5s;
          animation-delay: -3.5s;
}
.light:nth-child(48) {
  opacity: 0.7;
  transform: scale(0.9, 0.84);
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.light:nth-child(49) {
  opacity: 0.4;
  transform: scale(1.2, 0.93);
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.light:nth-child(50) {
  opacity: 0.1;
  transform: scale(1.3, 0.73);
  -webkit-animation-delay: -3.5s;
          animation-delay: -3.5s;
}
.light:nth-child(51) {
  opacity: 0.1;
  transform: scale(0.9, 0.7);
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.light:nth-child(52) {
  opacity: 0.8;
  transform: scale(1.4, 1.1);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.light:nth-child(53) {
  opacity: 0.4;
  transform: scale(0.7, 0.99);
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
.light:nth-child(54) {
  opacity: 0.7;
  transform: scale(0.9, 0.73);
  -webkit-animation-delay: -3.5s;
          animation-delay: -3.5s;
}
.light:nth-child(55) {
  opacity: 0.6;
  transform: scale(1.4, 0.71);
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.light:nth-child(56) {
  opacity: 0.7;
  transform: scale(0.7, 0.94);
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
}
.light:nth-child(57) {
  opacity: 0.4;
  transform: scale(1.3, 0.66);
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.light:nth-child(58) {
  opacity: 0.5;
  transform: scale(0.6, 0.98);
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
}
.light:nth-child(59) {
  opacity: 0.1;
  transform: scale(1, 1);
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.light:nth-child(60) {
  opacity: 0.6;
  transform: scale(1.3, 0.86);
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}

@-webkit-keyframes lights {
  0% {
    opacity: 0;
  }
}

@keyframes lights {
  0% {
    opacity: 0;
  }
}
/*Page Setup*/
svg {
 /*width: auto;
 height: 80vh;*/
}

@media (min-width: 1200px) {
	svg { 
	  width: auto;
      height: 80vh;}
}


body {
  background: #171a1c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.title {
  

  font-size: 5vh;
  padding: 0;
  margin: 0;
  color: #b8d3e0;
 /* border-top: 1px solid;
  border-bottom: 1px solid;*/
  font-family: "Unica One", cursive;
}