Proper (yet more complex) volume calculation. Now changing the volume slider also takes into account the crossfader coef.

css/main.css

@@ -1,6 +1,7 @@
 :root {
   --bg-color: #223;
   --text-color: #eee;
+  --text-color-light: #bbb;
   --accent-color-1: #ff91d8;
   --accent-color-1-light: #ffcdff;
   --accent-color-2: #ffff7d;
@@ -112,16 +113,43 @@ iframe {
   width: 50%;
 }
 
+
+.control-label {
+  font-size: 0.8em;
+
+  margin: auto;
+  color: var(--text-color-light);
+}
+
+.control-label span {
+  color: var(--accent-color-2);
+}
+
+.volume-control {
+  padding-top: 1em;
+}
+.volume-control .control-label {
+  width: 5em;
+  padding-top: 1em;
+  /* transform: rotate(270deg); */
+  text-align: center;
+}
+
+span.volume-value {
+  color: var(--text-color-light);
+}
+
 .speed-control {
   width: 20%;
+  height: auto;
   /* margin: auto; */
   display: flex;
   flex-direction: column;
+  justify-content: center;
 }
 
-.speed-control span {
-  font-size: 0.8em;
-  margin: auto;
+.speed-control .control-label {
+  margin: 0.2em auto;
 }
 
 .speed-slider {