.bleeder {
  margin: 4vh 0vw 4vh -9vw;
  font-family: 'Comfortaa', cursive;
  font-size: 28vw;
  text-overflow: clip;  
  overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  color: #111;
}

.full {
  opacity: 0.35;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url("bk.jpg");
  background-size: cover;
  background-repeat: repeat-x;
  z-index: -1;
}

html {
/*background-position: bottom;*/
}

.layered {
  display: grid;
}

.layered > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
canvas {
  z-index:0;
}
#particle-js {
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.bleeder {
  opacity: 1;
  z-index:2;
}