.askhimmel {
  position:absolute;
  width:100%;
  background: #000;  
  background: -webkit-linear-gradient(to top, #283E51, #000); 
  background: linear-gradient(to top, #283E51, #000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: -olinear-gradient(to top, #283E51, #000); 
  height: 100vh;
}

#aska {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

#clouds {
  position: relative;
  z-index: 1;
}

ul.lightning {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1;
  list-style: none;
  margin: 0px;
}
ul.lightning li.line {
  z-index: 1;
  display: block;
  width: 0px;
  border: 1px solid #FFF;
  left: 0px;
  background-color: #FFF;
  position: absolute;
}

.flash {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 2;
  display: none;
}


.stjarnor-1{
  position: relative;
  background-color: #FFFDFD;
  top: 50px;
  left: -10px;
  width:5px;
  height:5px;
  border-radius: 50%;
  box-shadow: 0 0 1px 1px #FFFDFD,
              -70px 150px 1px 0 #ede8e8,
               290px 150px 1px -1px #f3fbc1,
               -90px 100px 1px -1px #f2f0d6,
               370px 10px 1px 0.11px #ede8e8,
               390px 80px 1px -0.6px #f2f0d6,
              -30px 120px 3px -1px #f3fbc1;
  animation: pulsera 5s ease;
  animation-iteration-count: infinite; 

}
.stjarnor-2{
  position: absolute;
  background-color: #ededaf;
  top: 100px;
  left: -60px;
  width:5px;
  height:5px;
  border-radius: 50%;
  box-shadow: 0 0 5px 1px #ededaf,
              -99px 30px 1px 0.09px #ededaf,
               355px 30px 0.5px 1px #ededaf,
               400px -30px 1px -1px #ededaf,
               400px 90px 1px -1px #ededaf,
              -50px -30px 1px -1px #ededaf;
  animation: pulsera 7s ease;
  animation-iteration-count: infinite; 

}

.mane{
  background-color: #b2b2b2;
  position:relative;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  box-shadow: 5px 0 10px 3px rgba(229,229,229,0.3),
              0 0 10px 2px rgba(229,229,229,0.3),
              5px 0 10px 3px rgba(229,229,229,0.3),
               0px 0 3px 2px rgba(229,229,229,0.3);
  top: 50px;
  left: 50px;
  right: 0;
  bottom: 0;  
}

.mane::after{
  content: "";
  background-color: rgba(162, 162, 162, 0.81);
  display: block;
  position: absolute;
  left:  160px;
  top:  50px;
  width: 40px;  
  height: 40px;
  border-radius:50%;
  box-shadow: 3px 0 0 1px rgba(98, 98, 98, 0.51),
                7px 45px 0 -5px rgba(162, 162, 162, 0.9),
                9px 45px 0 -5px rgba(100, 100, 100, 0.51),
               35px 20px 0 -10px rgba(162, 162, 162, 0.9),
               37px 20px 0 -10px rgba(100, 100, 100, 0.51);

}

@keyframes pulsera  {
    0% { opacity: 0.0; }
    50% { opacity: 1.0; }
    100% { opacity: 0.0; }
}