fix clear line draw & theme select

css/style.css

@@ -30,7 +30,7 @@ body {
 
 h1 {
     font-size: 5vmin;
-    margin: 2vmin 5vmin 5vmin 5vmin;
+    margin: 1vmin auto;
     text-shadow: 3px 2px rgba(153, 145, 175, 0.5);
     text-align: center;
 }
@@ -41,18 +41,17 @@ div {
     flex-wrap: wrap;
     justify-content: center;
     align-content: center;
-    margin: 2vmin auto;
+    margin: 1vmin auto;
     text-align: center;
     column-gap: 2vmin;
 }
 
 fieldset {
     display: grid;
-    grid-template-columns: 25vmin 17vmin 25vmin 17vmin;
+    grid-template-columns: 3fr 2fr 3fr 2fr;
     grid-gap: 1vmin;
-    margin: 2vmin auto;
-    width: 80vmin;
-    justify-items: right;
+    margin: 1vmin auto;
+    justify-items: center;
     align-items: baseline;
 }
 
@@ -207,6 +206,10 @@ th, td {
     height: 18vmin;
 }
 
+#settingsButton {
+    display: none;
+}
+
 #leaderboard {
     min-width: 25%;
     margin: auto;

css/themes/light-relief.css

@@ -1,10 +1,12 @@
-.invisible-grid > .empty-cell {
+.empty-cell {
     background: transparent;
+}
+
+.invisible-grid > .empty-cell {
     border: 1px solid transparent;
 }
 
 .visible-grid > .empty-cell {
-    background: transparent;
     border: 1px inset rgba(128, 128, 128, 0.3);
 }
 

css/themes/light-solid.css

@@ -49,7 +49,6 @@
 
 .cleared-line {
     background: white;
-    transition: background 1s;
 }
 
 .trail {