body {
  background-color: white;
  color: black;
}

div#audimance-room {
  background-color: white;

  /* Make room-space fullscreen */
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.button {
	font-size: 40px;
}

.sourceText {
	font-size: 2em;
    font-family: sans-serif;
}

svg text {
  fill: #222;
  font-weight: bold;
}

svg text.poi {
  fill: white;
}

svg circle {
  r: 15px;
}

svg circle.listener {
  stroke: black;
  fill: #eee;
  r: 20px;
  stroke-width: 2px;
}

@media (prefers-color-scheme: dark) {
  body {
    background: black;
    color: #ddd;
  }

  div#audimance-room {
    background-color: black;
  }

  svg text {
    fill: #ddd;
  }

  svg text.poi {
    fill: black;
  }

  svg circle.listener {
    stroke: white;
    fill: #222;
  }
}