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

#particles-js 
{ cursor:url(joystick.png), auto;
  position : absolute;
  width:100%;
  height:100%;
  background:#ffffff
   
}
  
.center 
{
  cursor:"pointer", auto;
  position:absolute;
  top:50%;
  left:50%;
  transform : translate(-50%, -50%);  
    
}

.image 
{
  
  border-radius: 50%;
  
}


.header1 
{
  
  font-family: 'Righteous', cursive;
  font-size: 4vw;
  
  color:#515151
  
}

.header2 
{
  
  font-family: 'Ubuntu Mono', monospace;
  font-size: 2vw;
  
  color:#515151
  
}

.header3 
{
  
  font-family: 'Ubuntu Mono', monospace;
  font-size: 1.5vw;
  
  color:#f00
}

.header4 
{
  
  font-family: 'Ubuntu Mono', monospace;
  font-size: 1.5vw;
  
  color:#515151
}  
  
.col-md-5
{ cursor:"pointer", auto;
    
}

.col-md
{ cursor:"pointer", auto;
    
}

i.fab 
{ font-size:larger;
  color:#515151;
  
}  
i.fab:hover
{
  color:Purple;
}

.a.link1 {
  font-size: 2vw;
  color: inherit;
  margin: 0px 5px 0px 5px;
  transition: 0.5s;
  height:60px;
  width:400px;
}

.link2 
{
  font-size: 2.8vw;
  color: inherit;
  margin: 0px 20px 0px 0px;
  transition: 0.5s;
}

.link3 
{
  font-size: 2.8vw;
  color: inherit;
  margin: 0px 20px 0px 0px;
  transition: 0.5s;
}



@media screen and (max-width: 785px) {
  .header1 {
   font-size: 8vw;
  }
  .header3{
    font-size: 2.5vw;
  }
  .header4{ 
  font-size: 2.5vw;
 }
 .a.link1 {
  font-size: 5vw;
 }
  
 i.fab {
 font-size:XX-larger;
 }
  
}

@media screen and (max-width: 765px) {
  body {
    text-align: center;
  }
  
  .col-md {
    text-align: center;
  }
  
  .header1 {
    font-size: 6vw;
  }
  .header2 {
    font-size: 3vw;
  }
  .header3{
    font-size: 2.5vw;
  }
  .header4 
 {
  
  font-size: 2.5vw;
 }
 
  i.fab {
    font-size :XXX-larger;
  }
  
 
}

@media only screen and (max-width: 414px) {
  body {
    text-align: center;
  }
  
  .col-md {
    text-align: center;
  }
  
 
  .header1 {
    font-size: 6vw;
  }
  .header2 {
    font-size: 3vw;
  }
  .header3{
    font-size: 2vw;
  }
  .header4 
 {
  
  font-size: 2.5vw;
 }
 
  i.fab {
    font-size :XXX-large;
  }
  
 
}

  
@media screen and (min-width: 1390px) {
  .header2 {
    font-size: 2vw;
  }
}