diff --git a/game.js b/game.js index c1f4e7a..a905953 100644 --- a/game.js +++ b/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() { diff --git a/index.html b/index.html index b0dd1ae..8b85575 100644 --- a/index.html +++ b/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; } @@ -91,9 +109,9 @@