style: Use a pointer cursor for the button element

[lmno.games] / style.css

diff --git a/style.css b/style.css
index 6bf82a6544fe12e6de5809921d792d173a543257..e71f222be2cbdf77713b81758faa8a29f3b831ac 100644 (file)
--- a/style.css
+++ b/style.css
@@ -59,6 +59,19 @@ ul li {
     margin-bottom: 0.5em;
 }
 
+a:link    {
+    color: var(--accent-color);
+}
+a:visited {
+    color: var(--accent-color);
+}
+a:hover   {
+    color: var(--accent-color-bright);
+}
+a:active  {
+    color: var(--accent-color-bright);
+}
+
 /*\
 |*|
 |*| Overall page layout
@@ -111,10 +124,10 @@ body {
     padding-right: 1em;
 }
 
-@media screen and (min-width: 620px) and (max-width: 820px) {
+@media screen and (min-width: 720px) and (max-width: 820px) {
     #page {
-        padding-left: calc(1em + (100% - 820px)/2);
-        padding-right: calc(1em + (100% - 820px)/2);
+        padding-left: calc(1em + (100% - 720px)/2);
+        padding-right: calc(1em + (100% - 720px)/2);
     }
 }
 
@@ -241,6 +254,12 @@ button {
     padding-top: 0.25em;
     padding-bottom: 0.25em;
     width: 200px;
+    cursor: pointer;
+}
+
+button.inline {
+    font-size: 100%;
+    width: auto;
 }
 
 button:hover {