супер попа (обновление)

mirzaev/surikovlib/system/public/css/main.css

@@ -3,11 +3,16 @@
     text-decoration: none;
 }
 
+::selection,
+::-moz-selection {
+    background-color: #544f7f;
+}
+
 body {
     margin: 0;
     display: grid;
     grid-template-rows: auto auto 150px;
-    grid-template-columns: auto 300px 600px auto;
+    grid-template-columns: minmax(100px, auto) 300px minmax(500px, auto) minmax(100px, auto);;
     background-color: #e5ddd1;
 }
 
@@ -54,8 +59,9 @@ main {
 }
 
 main>section>h2 {
-    margin-left: 1.5rem;
-    margin-top: unset;
+    margin-top: 0;
+    margin-bottom: 2rem;
+    text-align: center;
     font-size: 1.8rem;
 }
 
@@ -168,7 +174,7 @@ footer {
 }
 
 .button,
-:is(a, label)[type="button"],
+:is(li, a, label)[type="button"],
 input[type="submit"] {
     padding: 10px 20px;
     cursor: pointer;
@@ -180,14 +186,14 @@ input[type="submit"] {
 }
 
 .button:hover,
-:is(a, label)[type="button"]:hover,
+:is(li, a, label)[type="button"]:hover,
 input[type="submit"]:hover {
     color: #fff;
     background-color: #c5531f;
 }
 
 .button:active:is(:active, :focus),
-:is(a, label)[type="button"]:is(:active, :focus),
+:is(li, a, label)[type="button"]:is(:active, :focus),
 input[type="radio"]:checked+label[type="button"],
 input[type="submit"]:is(:active, :focus) {
     color: #ddd;
@@ -247,6 +253,11 @@ input:is([type="text"], [type="password"]).measured+.unit {
     user-select: none;
 }
 
+.unselectable::selection,
+.unselectable *::-moz-selection {
+    background: none;
+}
+
 .divider {
     width: 100%;
     border-radius: 2px;