Update v5.1.1

game.js

@@ -15,7 +15,7 @@ if (localStorage.getItem("win_count") == undefined || localStorage.getItem("win_
 }
 
 var settings = {
-    "fontName": "Arial"
+    "fontName": "Trebuchet MS"
 };
 var settingsWindowOpen = false;
 var settingsManager = new (function() {

index.html

@@ -70,18 +70,36 @@
             border-width: calc(0.2*(1vw+1vh+4));
             font-size: 20px;
             font-size: calc(14px + (0.6*(1vw+1vh+4)));
+            transition: 0.2s;
         }
         .settings button, .settings input {
+            background-color: rgba(0, 0, 0, 0.7);
+            color: white;
             font-size: 20px;
             font-size: calc(10px + (0.6*(1vw+1vh+4)));
+            padding: calc(7px + 1vw - 1.7vh);
+            transition: 0.2s;
+            border: 1px solid #fff;
+            border-radius: 5px;
         }
         h1 {
             font-weight: normal;
             margin-block-start: 0.5em;
             margin-block-end: 0.5em;
+            transition: 0.3s;
         }
         canvas {
-            transition: 0.2s;
+            transition: 0.4s;
+        }
+        button:hover {
+            background-color: rgba(222, 222, 222, 0.52);
+            /*border: 1px solid white;*/
+            border-radius: 8px;
+        }
+        .settings input:focus {
+            background-color: rgba(222, 222, 222, 0.36);
+            /*border: 1px solid white;*/
+            border-radius: 8px;
         }
     </style>
 </head>
@@ -91,9 +109,9 @@
     <div class="settings" style="display:none">
         <h1>Settings</h1>
         Font name: <input id="settings_fontname" placeholder="Enter font name" value="Arial"><br>
-        <br><button onclick="removeWins()">Reset wins counter</button><hr>
-        <button onclick="settingsManager.resetAll()">Reset settings</button>
-        <button onclick="settingsManager.save()">Save settings</button>
+        <br><button onclick="removeWins()">Reset Wins Counter</button><hr>
+        <button onclick="settingsManager.resetAll()">Reset Settings</button>
+        <button onclick="settingsManager.save()">Save Settings</button>
     </div>
     <script src="game.js"></script>
 </body>