html{
  height: 100%;
  width: 100%;
  margin: 0 0;
  padding:0;
  top: 0; left: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  overflow-y: scroll;
  overflow-x: hidden;
}
top{
    position: absolute;
    text-align: center;
    vertical-align:text-bottom;
    background: black;
    width:100%;
    height:100%;
    left: 0;
    border-style: none;
    color: white;
}
mid{
    position: absolute;
    text-align: center;
    vertical-align:text-bottom;
    background: black;
    width:100%;
    height:100%;
    top: 100%;
    left: 0;
    border-style: none;
    color: white;
    z-index: -1;
}
mid2{
    position: absolute;
    text-align: center;
    vertical-align:text-bottom;
    background: black;
    width:100%;
    height:100%;
    top: 100%;
    left: 0;
    border-style: none;
    color: white;
    z-index: -1;
}
mid3{
    position: absolute;
    text-align: center;
    vertical-align:text-bottom;
    background: black;
    width:100%;
    height:100%;
    top: 100%;
    left: 0;
    border-style: none;
    color: white;
    z-index: -1;
}
body {
  width: 100%;
  height: 100%;
  background: black;
  overflow-x: hidden;
}
@-webkit-keyframes animateCloud {
    0% {
        margin-left: -375px;
    }
    100% {
        margin-left: 100%;
    }
}
@-moz-keyframes animateCloud {
    0% {
        margin-left: -375px;
    }
    100% {
        margin-left: 100%;
    }
}
@keyframes animateCloud {
    0% {
        margin-left: -375px;
    }
    100% {
        margin-left: 100%;
    }
}

#cloud-static{
    width: 150vw;
    height: 35vh;
    border-radius: 50%;
    filter: url(#filterstatic);
    box-shadow: 400px 400px 60px 0px #fff;
    position: absolute;
    overflow-x: hidden;
    top: 580%;
    animation: animateCloud 4000s linear 0ms infinite;
    animation: none;
}
a{
    text-decoration:none;
}
.shootingStar{
    position: absolute;
    left: 100vw;
    top: 20vh;
    content: "*";
    font-size: 5vh;
}

.cbar{
    z-index: 99;
    
}
c1{
    position: absolute;
    text-align: center;
    transform: scale(2, 1);
    background-blend-mode: luminosity;
    width:100vw;
    top:122vh;
    left:0;
    height:110vh;
    z-index: 1;
    background-image: url('/nc1.png');
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
}
c2{
    position: absolute;
    text-align: center;
    background-blend-mode: multiply;
    width:100%;
    top:192vh;
    right: -40vw;
    height:100vh;
    z-index: 1;
    background-image: url('/nc2v2.png');
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
}
c4{
    position: absolute;
    text-align: center;
    background-blend-mode: multiply;
    width:100%;
    top:222vh;
    left: -40vw;
    height:100vh;
    z-index: 1;
    background-image: url('/nc3.png');
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
}
c5{
    position: absolute;
    text-align: center;
    background-blend-mode: multiply;
    width:100%;
    top:265vh;
    right: -35vw;
    height:100vh;
    z-index: 1;
    background-image: url('/nc4.png');
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    background-size: auto;
}
head1{
    position: absolute;
    text-align: center;
    color: black;
    width:75vw;
    top:163.5vh;
    left:12.5vw;
    padding: 1vh 0;
    z-index: 1;
}
head2{
    position: absolute;
    text-align: center;
    color: black;
    width:25vw;
    top:232vh;
    right: 1vw;
    padding: 1vh 0;
    z-index: 1;
}
head4{
    position: absolute;
    text-align: center;
    color: black;
    width:30vw;
    top:262vh;
    left: 0;
    padding: 1vh 0;
    z-index: 1;
}
head5{
    position: absolute;
    text-align: center;
    color: black;
    width:35vw;
    top:303vh;
    right: 0;
    padding: 1vh 0;
    z-index: 1;
}