html, body{
  height: 100%;
  margin:0px;
  padding: 0px;
  overflow: hidden;
}
#particles-js{
  width: 100%;
  height: 100%;
  background: #eee;
background: -moz-radial-gradient(center, ellipse cover, #ffffff 33%, #bbbbbb 100%);
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 33%,#bbbbbb 100%);
background: radial-gradient(ellipse at center, #ffffff 33%,#bbbbbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=1 );
}
.trk-social{
  margin: auto;
  position: inherit;
  top: 73px;
}

.trk-logo{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80%;
  height: 80%;
  max-width: 300px;
  max-height: 300px;
  }
  .trk-logo img{
  position: absolute ;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  -webkit-filter: drop-shadow(0px 0px 25px #fff);
filter: drop-shadow(0px 0px 25px #fff);
  }
  
 .trk-logo img:hover{
    -webkit-filter: blur(1px) saturate(1);
    filter: blur(1px) saturate(1);
  }