body {
  background-color: #121212 !important;
  color: #fff;
  font-family: "Cutive Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
}

a {
  color: #7aff93;
}

#renderViewport {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #00d90e;
  opacity: 0.4;
  z-index: -1;
  /* user-select: none; */
}

.img-container {
  width: 80%;
}

.img-container img {
  object-fit: contain;
  max-width: 100%;
}

.cutive-mono-regular {
  font-family: "Cutive Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

.vt323-regular {
  font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
}

.box {
  width: 1rem;
  height: 1rem;
  background-color: #00d90e;
  margin: 0.25rem;
}