Fix styles for mobile

www/data.json

@@ -2,7 +2,7 @@
   "liquids": [
     {
       "name": "Coyote Cum",
-      "volume": 12,
+      "volume": 7,
       "color": "#f1f2f2",
       "url": "https://www.f-list.net/c/alice%20prairie"
     },
@@ -11,10 +11,16 @@
       "volume": 9,
       "color": "#523a33",
       "url": "https://www.f-list.net/c/Glyren"
+    },
+    {
+      "name": "Kan'vi Cum (Glowing)",
+      "volume": 18,
+      "color": "#FF56BD",
+      "url": "https://www.f-list.net/c/Zae"
     }
   ],
   "settings": {
     "tankTopOffset": 265,
-    "tankBottomOffset": 100
+    "tankBottomOffset": 101
   }
 }

www/index.html

@@ -76,7 +76,7 @@
       let currentHeight = 0;
       let cumulativeVolume = 0;
 
-      tankData.liquids.forEach((liquid) => {
+      tankData.liquids.forEach((liquid, i) => {
         const layer = document.createElement("div");
         layer.className = "liquid-layer";
         layer.style.backgroundColor = liquid.color;

www/styles.css

@@ -29,6 +29,7 @@ h1 {
   overflow: hidden;
   border-radius: 0;
   margin: 0 auto;
+  width: 1200px;
   left: 0;
   top: 0;
   padding: 0;
@@ -132,8 +133,8 @@ h1 {
   height: 100px;
   pointer-events: auto;
   /* DEBUG: Temporary visible area for clickable link */
-  /* outline: 2px dashed #ff0;
-  background: rgba(255, 255, 0, 0.2); */
+  outline: 2px dashed #ff0;
+  background: rgba(255, 255, 0, 0.2);
 }
 
 .artist-link a {