/* ---- reset ---- */ canvas{ display: block; vertical-align: bottom; } 
/* ---- particles.js container ---- */
#particles-js{
  position:absolute;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  background:linear-gradient(45deg, #CCC,#FFF,#ddff8f);/*グラデーションを定義*/
  background-size: 200% 200%;/*サイズを大きくひきのばす*/
  animation: bggradient 15s ease infinite;

  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

@keyframes bggradient{
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

#particles-js canvas {
  filter: blur(3px);
}

/* ---- stats.js ---- */
.count-particles{
  background: #000022;
  position: absolute;
  top: 48px; left: 0;
  width: 80px; color: #13E8E9; font-size: .8em; text-align:
  left; text-indent: 4px; line-height: 14px; padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif; font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
} 
#stats,
.count-particles{ 
  display: none;
  -webkit-user-select: none; margin-top: 5px; margin-left: 5px;
}
#stats{
  border-radius: 3px 3px 0 0; overflow: hidden;
}
.count-particles{ 
  border-radius: 0 0 3px 3px;
}