#canvas1 {
  z-index: 200;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

/* Start of: Music */



#music {
  z-index: 3000;
  cursor: pointer;
  position: absolute;
  bottom: 3%;
  right: 3%;
  width: 100px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
  cursor: pointer;
  bottom: 2%;
  right: 2%;

}

#music:hover {
  -webkit-filter: invert(50%);
  filter: invert(50%);
}

/* End of: Music */

/* Start of: Wormhole Toggle Button */
.wormhole_toggle {
  position: absolute;
  cursor: pointer;
  background-image: url('../logos/threejslogo.png');
  z-index: 300;
  height: 66px;
  width: 66px;
  bottom: 3%;
  left: 3%;
}

/* Cosmic Space Fluid */
/* #canvas1 {
  filter: blur(40px) contrast(7);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  box-shadow: black;
  z-index: 5;
  filter: blur(12px) contrast(7);
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: black;
  stroke: black;
} */

/* Start of: Mobile Responsive*/


/* End of:  Mobile Responsive*/