body {
  /* background-color: #394031; */
  background-color: #262626 !important;
  margin: 0;
  overflow: hidden;
  font-family: "B612 Mono", monospace;
}
.text {
  position: absolute;
  top: 50%;
  right: 50%;
  color: black;
  transform: translate(50%, -50%);
  z-index: 999;
}
.text h3 {
  opacity: 0.3;
  font-size: 4rem;
  margin: 0;
}
.text p {
  text-align: center;
  opacity: 0.4;
  margin: 0;
  font-size: 1.1rem;
}
html,
body {
  margin: 0;
  padding: 0;
}
#particle-js .particles-js-canvas-el {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
}

@media only screen and (max-width: 768px) {
  .text h3 {
    font-size: 3.3rem;
  }
  .text p {
    font-size: 1.1rem;
  }
}

@media only screen and (max-width: 600px) {
  .text h3 {
    font-size: 2rem;
  }
  .text p {
    font-size: 0.9rem;
  }
}

@media only screen and (max-width: 470px) {
  .text h3 {
    font-size: 1.8rem;
  }
  .text p {
    font-size: 0.7rem;
  }
}

@media only screen and (max-width: 424px) {
  .text h3 {
    font-size: 1.6rem;
  }
  .text p {
    font-size: 0.5rem;
  }
}

@media only screen and (max-width: 366px) {
  .text h3 {
    font-size: 1.4rem;
  }
  .text p {
    font-size: 0.5rem;
  }
}