styles.css

body {
  margin: 0;
  padding: 0;
  background-color: #1a1a1a;
  color: #ffffff;
  font-family: Arial, sans-serif;
}
#content {
  padding: 10px;
}
a, a:link, a:visited, a:active {
  color: #03afd9;
  text-decoration: none;
}
a:hover {
  color: #99e6fa;
  text-decoration: underline;
}

canvas {
  display: block;
  width: 100%;
  height: 80vh;
}
#controls {
  background-color: #2a2a2a;
  padding: 10px;
  border-top: 1px solid #444;
}
#controls-toggle {
  margin: 0px 0px 10px 0px;
  background-color: #444;
  color: #fff;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
#controls-start-button {
  margin: 0px 0px 10px 0px;
  background-color: #444;
  color: #fff;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
#controls-content {
  display: none;
  padding-top: 10px;
}
#controls-content.visible {
  display: block;
}
select, input[type="range"], input[type="color"] {
  display: block;
  margin: 10px 0;
  width: 100%;
}