X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=style.css;h=5128982a44d5e52f1c9387b8b9a7d6a753e3c72d;hp=02d0be5e7ab22498911755808162d023dd8afaa9;hb=80b53fb35b2026f0100572fc744d659532efe3f0;hpb=0d3b2c75ae2fed4783121c1f9a390d1d8526e79c

diff --git a/style.css b/style.css
index 02d0be5..5128982 100644
--- a/style.css
+++ b/style.css
@@ -36,22 +36,42 @@ body {
     color: var(--text-fg-color-max-contrast);
 }
 
-h1 {
+h1,h2 {
     color: var(--text-fg-color);
-    font-size: 150%;
     font-weight: bold;
 }
 
+h1 {
+    font-size: 150%;
+}
+
 h2 {
-    color: var(--text-fg-color);
     font-size: 110%;
-    font-weight: bold;
 }
 
-p,dl,dd {
+p,dl,dd,form {
     margin-bottom: 1em;
 }
 
+ul li {
+    margin-left: 1em;
+    list-style-type: disc;
+    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
@@ -104,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);
     }
 }
 
@@ -211,6 +231,7 @@ label {
 input {
     box-sizing: border-box;
     font-size: 125%;
+    height: 40px;
     padding: 0.5em;
     width: 100%;
     border: 1px solid var(--accent-color);
@@ -235,6 +256,11 @@ button {
     width: 200px;
 }
 
+button.inline {
+    font-size: 100%;
+    width: auto;
+}
+
 button:hover {
     transform: translateY(-1px);
     background-color: var(--accent-color-bright);