html, body {
  margin: 0;
  padding: 0;
  background: #000;
  height: 100%;
}

h1 {
  font-family: 'Courier New', Courier, monospace;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;

  margin-left:  30px;
  margin-right: 30px;

  max-width: 800px;

  color: rgb(0,255,0);
}

.svg-container {
  /* position: fixed; */
  top: 0;
  left: 0;
}

@media (max-width: 599px) {
  .svg-container {
    width: 100vw;
    height: auto;
  }

  h1 {
  font-size: 18px;
  margin-left: 20px;
  }

  #svgObject {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 600px) {
  .svg-container {
    width: 100vmin;
    height: 100vmin;
  }

  #svgObject {
    width: 100%;
    height: 100%;
  }

}