A little refactor of CSS. :is() selector got into action wherever is suitable.

homepage/static/assets/css/articles.css

@@ -16,13 +16,9 @@ h5 {
     text-indent: 1.5rem;
     margin: 1rem 0 1rem 0; }
 
-h3 a,
+:is(h3, h4, h5) a { color: var(--text-color); }
-h4 a,
-h5 a { color: var(--text-color); }
 
-h3 a:hover,
+:is(h3, h4, h5) a:hover { color: var(--primary-color); }
-h4 a:hover,
-h5 a:hover { color: var(--primary-color); }
 
 code,
 pre {

homepage/static/assets/css/guestbook.js.css

@@ -1,73 +0,0 @@
-::placeholder {
-    color: #a5a5a5;
-    font-family: 'Roboto Condensed', Roboto, sans-serif;
-    font-size: 1.1rem; }
-
-#new-post {
-    display: grid;
-    gap: .5rem;
-    grid-template-areas:
-        "n e w"
-        "m m m"
-        "c c b";
-    grid-template-columns: 1fr 1fr 1fr;
-}
-
-#new-post input[name="name"] { grid-area: n; }
-
-#new-post input[name="email"] { grid-area: e; }
-
-#new-post input[name="website"] { grid-area: w; }
-
-#new-post .chkgrp { grid-area: c; }
-
-#new-post textarea {
-    grid-area: m;
-    height: 5.5rem;
-    max-width: 100%;
-    min-width: 100%; }
-
-#new-post input[type="submit"] {
-    background-color: var(--primary-color);
-    border: none;
-    color: #f5f5f5;
-    grid-area: b;
-    height: 2rem; }
-
-#new-post span .checkbox:not(:last-child) { margin-right: 2rem; }
-
-#new-post input[type="text"],
-#new-post textarea,
-#posts-pagination input#current-page,
-#posts-pagination button {
-    background-color: var(--background-color);
-    border: none;
-    border-bottom: 1px solid var(--primary-color);
-    color: var(--text-color);
-    font-family: 'Roboto Condensed', Roboto, sans-serif;
-    font-size: 1.1rem; }
-
-#posts article:not(:last-child) { margin-bottom: 1rem; }
-
-#posts article header { display: inline; font-size: .8rem; }
-
-#posts article main,
-#posts article div.feedback main,
-#posts article div.feedback { margin-left: .5rem; }
-
-#posts-pagination input#current-page { width: 1.7rem; }
-
-#posts-pagination button { border: none; }
-
-@media screen and (max-width: 641px) {
-    #new-post {
-        gap: 1.5rem;
-        grid-template-areas:
-            "n"
-            "e"
-            "w"
-            "m"
-            "c"
-            "b";
-        grid-template-columns: 1fr; }
-}

homepage/static/assets/css/index.css

@@ -9,8 +9,7 @@ nav a:last-child { margin-left: .6rem; }
 nav,
 #services { text-align: center; width: 100%; }
 
-#services a,
+#services :is(a, span) { margin: .3rem; }
-#services span { margin: .3rem; }
 
 #services span a { margin: 0; }
 

homepage/static/assets/css/main.css

@@ -54,7 +54,7 @@ p:not(:last-child) { margin-bottom: .1rem; }
 
 p.center {
 	text-align: center;
-	text-indent: 0px; }
+	text-indent: 0; }
 
 h1 {
 	font-size: 1.8rem;
@@ -83,8 +83,7 @@ h3.service-down::after {
 	font-size: .7rem;
 	margin-right: -.9rem;
 	vertical-align: super;
-	padding-left: .2rem;
+	padding-left: .2rem; }
-}
 
 small,
 figure figcaption { font-size: .8rem; }
@@ -180,10 +179,7 @@ section {
 	width: 100%;
 	word-wrap: break-word; }
 
-#contacts a,
+:is(#contacts, #donation) :is(a, span) { margin: .3rem; }
-#contacts span,
-#donation a,
-#donation span { margin: .3rem; }
 
 #contacts span a { margin: 0; }