*
{
    padding:0;
    margin:0;
    line-height: 1.2em;
} 

body
{

background-color: #211E1B;
}

canvas{
  display:block;
  vertical-align:bottom;
}


#particles-js{
  width: 100%;
  height: 100%;
position: fixed;
z-index: -3;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:#fff;
}

           ::-webkit-scrollbar {
    width: 0%;
}

p { 
	font-size: 1.2em; 
	margin: 0 0 15px 0; 
}
h1 { 
	font-family: Oswald;
    font-weight: 300;
	font-size: 4.0em;
	letter-spacing: -1px; 
	color: #fff;
    position: absolute;
}
h2 { 
	font-family: Sans-serif; 
	font-size: 3.0em;
	letter-spacing: -1px; 
	color: #ccc; 
}
        
.ring1 {   
    
    position: absolute;
    width: 5%;
    top: 10%;
    -webkit-animation:spin 7s linear infinite;
    -moz-animation:spin 7s linear infinite;
    animation:spin 7s linear infinite;
    }
        @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
        @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
        @keyframes spin { 100% { -webkit-transform: rotate(360deg);
        transform:rotate(360deg); } }
        
        
.r-planet {
 position: absolute;
    width: 5%; 
    top: 10%;
   }
        
.ring2 {   
    
    position: absolute;
    width: 20%;
    top: 50%;
    -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
    }
        @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
        @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
        @keyframes spin { 100% { -webkit-transform: rotate(360deg);
        transform:rotate(360deg); } }
        
        
.r-planet2 {
 position: absolute;
    width: 20%; 
    top: 50%;
   }
        

        
.planet1
        {margin-left: 30%;
        opacity: 0.8;}
        
.planet3
        {margin-left: 75%;}
        
        
.g-planet {
 position: absolute;
    width: 20%; 
    top: 20%;
}
        
        .box
        {width: 100%;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 21%;
        position: absolute;
        color: #ECF2D3;
        font-family: Lato;
        font-weight: 900;
        font-size: 5vh;
        font-size: 5vw;
        }
.title
        {width: 40%;
        opacity: 1;
    animation: fadein 3s;
    -moz-animation: fadein 3s;
    -webkit-animation: fadein 3s;
    -o-animation: fadein 3s;}
    
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-moz-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-webkit-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}}
    
@-o-keyframes fadein {
    from {opacity:0;}
    to {opacity: 1;}}
        

        
.star1
        {width: 3%;
        position: absolute;
        right: 0;
        margin-top: 10%;
        margin-right: 10%;}
        
.star2
        {width: 3%;
        left: 0;
        position: absolute;
        margin-top: 35%;
        margin-left: 10%;
        -webkit-animation:spin 4s linear infinite;
        -moz-animation:spin 4s linear infinite;
        animation:spin 4s linear infinite;
    }
        @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
        @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
        @keyframes spin { 100% { -webkit-transform: rotate(360deg);
        transform:rotate(360deg); } }
    
        .shooting-stars
        {width: 51%;
        position: absolute;}
        
        button
        {text-align: center;
        padding: 1%;
        border: none;
        position: absolute;
        background: none;
        bottom: 0;
        margin-bottom: 15%;
        width: 100px;
       }
        
        a
        {color: #FFFFF1;
        font-size: 2vh;
        font-size: 2vw;
        text-decoration: none;
        border-bottom: #A5433D 5px solid;
        font-family: Nova Square;
        }
        
        a:hover
        {border-bottom: #FFFFF1 5px solid;}
        
        .link-box
        {width: 90%;
        align-content: center;
        display: flex;
        justify-content: center;
        }
        
ul {margin: 5% 12% 5% 16%;
font-family: Roboto;
}
li{line-height: 2;}