Tweak and add up to styling

src/resources/style.css

@@ -7,6 +7,7 @@ html {
 
 :root {
 	--bg: #ffecfd;
+	--bga: #ffecfd99;
 	--fg: #2c2c3b;
 	--link: #FF78C4;
 	--link_v: #f594fe;
@@ -16,14 +17,8 @@ html {
 }
 @media (prefers-color-scheme: dark) {
 	:root {
-	/* --bg: #312540;
-	--fg: #fde2ee;
-	--link: #f6bbd8;
-	--link_v: #c4799d;
-	--link_h: #eac2d1;
-	--bg_grey: #d23574;
-	--dark_grey: #c62163; */
 	--bg: #131021;
+	--bga: #13102199;
 	--fg: #F3FFFF;
 	--link: #5082FF;
 	--link_v: #656ae3;
@@ -45,7 +40,10 @@ body {
 	padding: 1em;
 	margin: auto;
 	max-width: 52em;
-	background: var(--bg);
+	background: linear-gradient(var(--bga), var(--bg)), url('/media/background.jpg');
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-size: cover;
 }
 
 a {
@@ -255,6 +253,11 @@ td {
 		content: " (" attr(href) ")";
 	}
 
+	abbr[title] {
+		border: none !important;
+		text-decoration: none !important;
+		cursor: inherit !important;
+	}
 	abbr[title]:after {
 		content: " (" attr(title) ")";
 	}
@@ -364,6 +367,10 @@ ul.articles li {
 }
 .content {
 	padding: 0.5em;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+	border-radius: 5px;
+    background-color: var(--bg);
 }
 footer {
 	background-color: var(--bg_grey);
@@ -372,6 +379,10 @@ footer {
 	font-size: 13px;
 }
 
+footer a, footer a:visited {
+	color: var(--link_h);
+}
+
 .title {
 	border-bottom-width: 10px;
 	border-bottom-style: solid;
@@ -384,4 +395,4 @@ footer {
 
 .title h1 {
 	text-align: center;
-}
+}