body{
    font-family: Roboto,sans-serif!important;
}

.parallax{
    position: fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background: black;
}



.layer{
    top:200px;
    width: 100%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
}


.layer-one{
    z-index:10;
}

.layer-two{
    z-index:9;
    filter:saturate(0.9) blur(0.5px);
}
.layer-three{
    z-index:8;
    filter:saturate(0.8) blur(1px);
}

#rocket{
    position: relative;
    display:block;
    left:-50px;
    height:40vh;
    width: auto;
    margin: 0 auto;
}

#asteroid{
    position: relative;
    top:-100px;
    left:-200px;
    margin:0 auto;
    display:block;
    height:30vh;
}



#asteroid_with_alien{
    position: relative;
    top:-100px;
    right:-200px;
    margin:0 auto;
    display:block;
    height:80vh;
}

@media only screen and (max-width:768px) {
    #rocket{
        top:-50px;
    }
    #asteroid{
        display:none;
    }
    #asteroid_with_alien{
        right:0;
        top:0;
    }
    
}









#home-wrapper{
    position: fixed;
    bottom:0;
    left:0;
    right:0;
    height: 0;
    color:white;
    text-align: center;
}

#home{
    position: relative;
    bottom:100px;
    border-radius: 45px;
    padding:30px;
    font-size:30px;
    background: white;
    color:black;
    box-shadow: 0 3px 20px rgba(0,0,0,0.3);
}
#home:hover{
    box-shadow: 0 3px 20px rgba(0,0,0,0.5);
    cursor:pointer!important;
}