body{
    height:  100vh;
    width: 80%;
    margin: 0 auto;
    padding: 10vh 0;
    background: #111;
}
p{
    font-size: 24px;
    color: #555;
    text-shadow:  1px 1px #fff;
    width: 80%;
    margin: 0 auto;
    padding: 50px 0;}
    h1{
    font-family: "Aclonica", sans-serif;
    color: #111;
    text-shadow:  2px 2px #fff;
    width: 80%;
    margin:5vh auto;
    font-size: 60px;
    text-align: center;
    font-weight: bold;}
    h4{
    color: #333;
    width: 80%;
    margin:5vh auto;
    font-size: 42px;
    text-align: center;
    font-weight: bold;}
    img{
    max-width: 320px;
    margin: 0 auto;
    display: block;}
body>div {
height: 60vh;
font-family: "Monteserrat","Sans";
padding: 10vh 0;
border-radius: 50px;
background: #eee;
width: 80%;
margin: 0 auto;
text-align: left;
} 

div.links p {
display: block;
width: 50%;
float:left;
text-align: center;
color: #F00;
padding:  2vh 0;
margin: 0 auto;
    text-shadow:  1px 1px #fff;
}

div.links a,
div.links a:visited {
text-align: center;
color: #555;
text-decoration: none;
}


div.links a:hover {
text-align: center;
color: #F00;
text-decoration: none;
}

div.well {
padding:  4vh 0;
background: #fff;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}



canvas{ 
z-index:  -1;
position: absolute; 
top: 0;
display: block; 
vertical-align: bottom; } 

#particles-js{ 

height: 100vh;
width: 100%;
margin: 0 auto;
padding: 10vh 0;
background: #111;
background-color: #333;;
background-color: #333; } 
.count-particles{ display:none}
#stats, .count-particles{display:none }

#stats{ display:none;border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }