a whole bunch of major style changes

_content/about.html

@@ -3,8 +3,8 @@ title: About
 ---
 {% include h.html level=2 content="What I do" %}
 <p>
-	I'm Lynne. My interests include creating and improving free software, learning all I can about computer science,
+	My interests include creating and improving free software, learning all I can about computer science, playing 
-	playing story-driven games, photography, and writing.
+	story-driven games, photography, and writing.
 </p>
 <p>
 	Much of what I do with computers is about helping people, whether that's through writing simple scripts to automate

_content/contact.html

@@ -1,5 +1,7 @@
 ---
 title: Contact
 ---
+<p>
 	I can by reached <a href="mailto:lynne@bune.city">by email</a>. If you find any bugs or issues with my software, feel
 	free to open an issue on the respective repository or email me.
+</p>

_content/index.html

@@ -5,7 +5,7 @@ custom_heading: true
 <picture id="bune">
 	<source type="image/webp" srcset="/assets/img/bune-smol.webp 1x, /assets/img/bune.webp 2x">
 	<img id="bune-img" src="/assets/img/bune.png" alt="A drawing of a rabbit with brown-tipped ears sniffing the air
-	excitedly!">
+	excitedly!" title="">
 </picture>
 
 {% include h.html level=1 content="Lynnesbian dot Space" %}

_layouts/default.html

@@ -7,6 +7,10 @@
 	<link rel="stylesheet" type="text/css" href="/assets/style.css">
 	<link rel="stylesheet" type="text/css" href="/assets/fonts/fonts.css">
 	<link rel="shortcut icon" href="/assets/img/favicon.png">
+	<link 
+		href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&family=IBM+Plex+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"
+		rel="stylesheet"
+	>
 	<script src='/assets/script.js'></script>
 	<!--suppress JSUnresolvedLibraryURL -->
 	<script async src="https://ackee.lynnesbian.space/script.js"

assets/style.css

@@ -20,23 +20,20 @@ main article h4 a,
 main article h5 a,
 main article h6 a {
 	color: inherit;
-	text-decoration: none;
+	text-decoration: underline mediumpurple solid 3px;
 }
-h1, h2, h3 {
+
-	font-weight: 400;
+main article h1 a {
+	text-decoration-thickness: 5px;
 }
+
 h1 {
 	font-size: 3em;
 	text-align: center;
 }
-main article h1 a {
-	/* needed for chrome */
-	/*noinspection CssInvalidPropertyValue*/
-	text-decoration: underline mediumpurple dotted 5px;
-}
 
 h2 {
-	font-size: 1.6em;
+	font-size: 1.4em;
 }
 
 main {
@@ -45,25 +42,18 @@ main {
 }
 
 main article {
-	max-width: 1800px;
+	font-family: "IBM Plex Serif", serif;
+	font-size: 1.3em;
+	max-width: max(1200px, 60%);
 	padding: 0 50px 30px;
 	margin: 0 auto;
 	background: #fafafa;
 	min-height: 100%;
 	overflow: auto;
-	font-size: 1.1em;
-}
-
-main article h2,
-main article h3 {
-	border-left: 5px solid mediumpurple;
-	padding-left: 5px;
-	margin-left: -10px;
 }
 
 main article a {
 	color: #60a;
-	text-decoration-style: dotted;
 	text-decoration-color: transparent;
 	transition: 0.2s all;
 }
@@ -96,7 +86,8 @@ header::after { /* the background image behind the sidebar */
 	z-index: -1;
 	/*noinspection CssInvalidFunction*/
 	background: linear-gradient(to bottom, #333, #333 10%, 70%, transparent),
-		/* 	image("/assets/img/background.webp", "/assets/img/background.jpeg") no-repeat bottom center/cover, */ url("/assets/img/background.jpeg") no-repeat bottom center/cover,
+		/* 	image("/assets/img/background.webp", "/assets/img/background.jpeg") no-repeat bottom center/cover, */
+		url("/assets/img/background.jpeg") no-repeat bottom center/cover,
 	#333;
 	filter: blur(3px) saturate(75%);
 	content: "";
@@ -166,6 +157,7 @@ nav a.current::before {
 	height: max(200px, 10vh);
 	display: block;
 	margin: 50px auto 0;
+	filter: drop-shadow(0 0 15px #ccc);
 }
 
 .project {
@@ -197,6 +189,9 @@ nav a.current::before {
 	header::after {
 		filter: blur(3px) saturate(75%) brightness(80%);
 	}
+	#bune-img {
+		filter: drop-shadow(0 0 15px #111);
+	}
 }
 
 /* smaller screen tweaks */
@@ -214,6 +209,7 @@ nav a.current::before {
 	}
 	main article {
 		padding: 0 20px 30px;
+		font-size: 1.1em;
 	}
 	h1 {
 		font-size: 2.5em;