From 0dfbe145022cc5e0173e7b0e99fa2ec2224dd77a Mon Sep 17 00:00:00 2001
From: Marty Sluijtman <marty.wanderer@disroot.org>
Date: Thu, 4 Jan 2024 12:42:45 +0100
Subject: [PATCH] Formatting and selection colors

---
 static/style.css | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/static/style.css b/static/style.css
index bed8ff8..2e399a4 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,7 +1,9 @@
 @import "custom.css";
+
 :root{
 	--fg:#E60073;
 }
+
 ::selection{
 	color: black;
 	background-color: var(--fg);
@@ -12,8 +14,8 @@ body {
 	color: var(--fg);
 	font-family: monospace;
 	font-size: 1.2em;
-	margin:0;
-	padding:0;
+	margin: 0;
+	padding: 0;
 }
 
 summary{cursor:pointer;}
@@ -41,7 +43,7 @@ a::before{ content: '['; }
 a:hover{
 	color: black;
 	background-color: var(--fg);
-	position:relative;
+	position: relative;
 	filter: url(#chroma);
 }
 
@@ -77,14 +79,16 @@ main{
 }
 
 a.anchor{visibility: hidden; text-decoration: none;}
-h1:target::before,h2:target::before,h3:target::before,h4:target::before,h5:target::before,h6:target::before{content:"> "; }
-h1:hover>a,h2:hover>a,h3:hover>a,h4:hover>a,h5:hover>a,h6:hover>a{visibility:visible;}
-h1:target>a,h2:target>a,h3:target>a,h4:target>a,h5:target>a,h6:target>a{color:black; visibility:visible;}
-:target{color:black; background-color: var(--fg);}
+h1:target::before,h2:target::before,h3:target::before,h4:target::before,h5:target::before,h6:target::before{content: "> "; }
+h1:hover>a,h2:hover>a,h3:hover>a,h4:hover>a,h5:hover>a,h6:hover>a{visibility: visible;}
+h1:target>a,h2:target>a,h3:target>a,h4:target>a,h5:target>a,h6:target>a{color: black; visibility: visible;}
+:target{color: black; background-color: var(--fg);}
+
+:target::selection{color: var(--fg); background-color: black;}
 
 footer{
 	text-align: center;
-	border-top:1pt solid;
+	border-top: 1pt solid;
 	margin-top: 1em;
 }
 
@@ -104,14 +108,14 @@ header a{
 
 @media(min-width: 81ch){
 	header{
-		display:flex;
+		display: flex;
 		justify-content: space-around;
 	}
 	menu{
-		display:flex;
+		display: flex;
 	}
 	menu a{
-		padding:1em;
+		padding: 1em;
 	}
 }
 @media(max-width: 80ch){