diff --git a/img/bg-dark.svg b/img/bg-dark.svg
new file mode 100644
index 00000000..9d5078bd
--- /dev/null
+++ b/img/bg-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="600" height="240" preserveAspectRatio="none" viewBox="0 0 600 240"><g mask="url(&quot;#SvgjsMask1004&quot;)" fill="none"><path d="M300 87.5C292.03 87.5 283.04 105.73 283.04 120C283.04 128.17 291.76 132.38 300 132.38C307.46 132.38 314.44 127.82 314.44 120C314.44 105.38 307.73 87.5 300 87.5" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M240 176.57C238.68 176.57 237.21 178.21 237.21 180C237.21 182.07 238.69 184.29 240 184.29C241.24 184.29 242.31 182.09 242.31 180C242.31 178.23 241.23 176.57 240 176.57" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M360 167.31C354.31 167.31 349.18 172.71 349.18 180C349.18 193.41 354.14 208.7 360 208.7C366.02 208.7 372.94 193.13 372.94 180C372.94 172.44 366.19 167.31 360 167.31" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M17.89 60C18.72 31.23 -8.32 15.57 2.61 0C12.74 -14.43 31.31 0 60 0C90 0 90 0 120 0C120 0 120 0 120 0C130.85 30 141.7 31.2 141.7 60C141.7 78.2 136.41 86.47 120 94C95.56 105.22 88.08 89.83 60 97.5C40.52 102.83 40.96 106.96 24.88 120C10.96 131.28 7.21 146.15 0 146.15C-5.23 146.15 0 133.07 0 120C0 105 -4.13 103.86 0 90C4.81 73.86 17.42 76.23 17.89 60" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M240 37.78C223.5 29.13 220.38 12.93 220.38 0C220.38 -5.96 230.19 0 240 0C270 0 270 0 300 0C330 0 330 0 360 0C372.78 0 375.3 -6 385.56 0C405.3 11.54 401.5 19.04 420 35.09C436.09 49.04 454.74 47.04 454.74 60C454.74 73.54 437.09 73.71 420 88.09C401.43 103.71 402 104.4 383.41 120C372 129.58 371.07 138.46 360 138.46C350.48 138.46 342.22 130.59 342.22 120C342.22 103.58 349.47 101.16 360 84.44C368.36 71.16 380 71.65 380 60C380 49.72 372.69 43.49 360 40.59C332.69 34.36 329.97 42.44 300 41.74C269.97 41.04 263.31 50 240 37.78" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M540 16C531.82 11.62 529.33 5.15 529.33 0C529.33 -2.85 534.66 0 540 0C570 0 581.6 -11.6 600 0C611.6 7.32 611.16 34.87 600 37.85C581.16 42.87 567.16 30.54 540 16" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M205.71 120C205.71 109.09 226.52 93.33 240 93.33C248.88 93.33 250.43 107.39 250.43 120C250.43 127.58 247.11 133.71 240 133.71C224.75 133.71 205.71 129.28 205.71 120" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M559.71 120C559.71 99.85 588.16 80.28 600 80.28C608.31 80.28 600 100.14 600 120C600 141.05 608.45 162.09 600 162.09C588.3 162.09 559.71 140.75 559.71 120" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M30 180C30 166.97 42.03 160.5 60 151.3C87.03 137.46 89.41 137.74 120 133.93C149.41 130.27 157.34 123.68 180 136.36C198.5 146.71 189.87 158.93 202.33 180C219.87 209.68 222.37 237.86 240 237.86C256.78 237.86 252.03 206.02 271.15 180C282.03 165.19 286.05 156.19 300 156.19C312.77 156.19 320.13 164.78 324.59 180C332.41 206.68 333.28 218.71 324.55 240C320.98 248.71 312.27 240 300 240C270 240 270 240 240 240C210 240 210 240 180 240C153.19 240 152.1 242.68 126.38 240C122.1 239.55 123.81 236.05 120 233.75C90.62 216.05 89.53 217.64 60 200C44.53 190.76 30 191.32 30 180" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M402.35 180C402.35 169.19 411.81 157.5 420 157.5C427.56 157.5 433.85 169.08 433.85 180C433.85 189.51 427.47 198.37 420 198.37C411.72 198.37 402.35 189.63 402.35 180" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M0 215.68C4.13 215.68 15.25 232.06 15.25 240C15.25 244.22 2.94 244.69 0 240C-4.69 232.53 -3.5 215.68 0 215.68" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M508.42 240C508.42 228.6 524.15 202.5 540 202.5C555.94 202.5 572 228.63 572 240C572 247.38 556 240 540 240C524.21 240 508.42 247.35 508.42 240" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M44.21 60C44.21 37.17 47.58 10 60 10C75.04 10 99.13 40.65 99.13 60C99.13 72.68 78.2 74.06 60 74.06C50.74 74.06 44.21 69.2 44.21 60" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M300 9.13C285.72 9.13 272 2.34 272 0C272 -2.22 286 0 300 0C323.34 0 346.67 -2.26 346.67 0C346.67 2.3 323.06 9.13 300 9.13" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M600 14.77C589.99 14.77 570.91 3.9 570.91 0C570.91 -3.48 590.35 -4.9 600 0C604.9 2.49 604.53 14.77 600 14.77" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M581.14 120C581.14 110.57 594.46 101.41 600 101.41C603.89 101.41 600 110.7 600 120C600 129.85 603.95 139.7 600 139.7C594.52 139.7 581.14 129.71 581.14 120" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M68.57 180C68.57 169.67 94.72 160.71 120 160.71C140.44 160.71 160 169.72 160 180C160 190.62 140.56 202.5 120 202.5C94.85 202.5 68.57 190.56 68.57 180" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M158.3 240C158.3 226.78 168.56 200.77 180 200.77C191.85 200.77 204.88 227.23 204.88 240C204.88 246.84 192.44 240 180 240C169.15 240 158.3 246.4 158.3 240" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path><path d="M528.16 240C528.16 235.72 534.06 225.94 540 225.94C545.98 225.94 552 235.74 552 240C552 242.77 546 240 540 240C534.08 240 528.16 242.75 528.16 240" stroke="rgba(0, 0, 0, 0.13)" stroke-width="2"></path></g><defs><mask id="SvgjsMask1004"><rect width="600" height="240" fill="#ffffff"></rect></mask></defs></svg>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 28b3a520..16298aca 100644
--- a/styles.css
+++ b/styles.css
@@ -14,15 +14,17 @@
   --color-muted: rgba(255, 255, 255, 0.15);
   --color-banner: #2f8bfc;
   --color-text: hsl(0deg, 0%, 100%);
+  --body-bg: url("img/bg.svg") var(--color-bg) center no-repeat;
 }
 .light{
   --color-bg: #bddaff;
   --color-text: rgb(255, 255, 255); 
   --color-text: rgb(7, 3, 46); 
+  --body-bg: url("img/bg-dark.svg") var(--color-bg) center no-repeat;
 }
 
 body {
-  background: url("img/bg.svg") var(--color-bg) center no-repeat;
+  background: var(--body-bg);
   background-size: cover;
   background-blend-mode: soft-light;
   transition: background 0.2s, color 0.2s;
@@ -146,7 +148,29 @@ body {
   font-size: 0.2em;
 }
 
-@media screen and (min-width: 700px) {
+.controls-row{
+  display: flex;
+  flex-flow: column nowrap;
+  margin-bottom: 5vh;
+  gap: .5em;
+}
+.subtitle{
+  background: linear-gradient(-45deg, #0756b5, #80affa);
+  padding: .5em 1em;
+  border-radius: 0.3em;
+  /* border-top: 10px inset yellow;
+  border-left: 10px inset yellow; */
+  box-shadow: 2px 10px 3px -1px rgba(255, 255, 255, 0.205) inset;
+  animation: bg 3s ease infinite alternate;
+}
+
+@keyframes bg {
+  from{filter: hue-rotate(-75deg);}
+  to{filter: hue-rotate(75deg);}
+}
+/* and (min-width: 700px)  */
+@media screen and (min-width: 730px) and (orientation: landscape) {
+  body{overflow-y: hidden;}
   .banner{
     width: 20em;
     padding: 1em 5rem;
@@ -159,4 +183,8 @@ body {
     width: 1.8em;
     height: 1.8em;
   }
+  .controls-row{
+    flex-flow: row nowrap;
+    gap: 4em;
+  }
 }
\ No newline at end of file