From 2a04f1f54948bb3ac031b7dbdbfb85979aa0bf2e Mon Sep 17 00:00:00 2001
From: Benjamin <bstadlbauer@posteo.de>
Date: Thu, 9 Feb 2023 18:11:26 +0100
Subject: [PATCH] Refactor css and change some styling

---
 cv.html | 66 ++++++++++++++++++++++++++++++++++-----------------------
 1 file changed, 39 insertions(+), 27 deletions(-)

diff --git a/cv.html b/cv.html
index 0051b53..9e37768 100644
--- a/cv.html
+++ b/cv.html
@@ -24,21 +24,20 @@
 	<title>CV Benjamin Stadlbauer</title>
 	<style>
 		:root {
-			--color-primary-light: #1f1f21;
-			--color-background-light: #ededf2;
-			--color-primary-dark: #ededf2;
-			--color-background-dark: #1f1f21;
-			--color-hover-background-light: #e5e5ff;
-			--color-hover-background-dark: #282833;
-			--color-a-after: #7a7a99;
-			--color-primary: var(--color-primary-light);
-			--color-background: var(--color-background-light);
-			--color-hover-background: var(--color-hover-background-light);
+			--white-neutral: #f4f4f9;
+			--white-hover: #e5e5ff;
+			--black-neutral: #1a1a1c;
+			--black-hover: #282833;
+			--accent: #7a7a99;
+
+			--primary: var(--black-neural);
+			--background: var(--white-neutral);
+			--hover-background: var(--white-hover);
 		}
 
 		body {
-			color: var(--color-primary);
-			background-color: var(--color-background);
+			color: var(--primary);
+			background-color: var(--background);
 			padding: 3ch;
 			max-width: 80ch;
 			margin: 0 auto;
@@ -51,6 +50,9 @@
 			justify-content: space-between;
 			flex-wrap: wrap;
 			line-height: 1.4;
+			font-weight: normal;
+			font-size: 1.2rem;
+			margin: 1.2rem 0;
 		}
 
 		a {
@@ -65,30 +67,36 @@
 			margin-left: 0.1em;
 			font-size: 90%;
 			top: -0.1em;
-			color: var(--color-a-after);
+			color: var(--accent);
 			font-feature-settings: "caps";
 			font-variant-numeric: normal;
 		}
 
 		a:hover {
-			background: var(--color-hover-background);
+			background: var(--hover-background);
 			transition-property: background;
 			transition-duration: 0.2s;
 		}
 
 		h2 {
 			border-bottom-width: 1px;
-			border-bottom-color: var(--color-a-after);
+			border-bottom-color: var(--accent);
 			border-bottom-style: solid;
 			line-height: 1.2;
+			font-size: 1.44rem;
+			font-weight: normal;
+			margin: 1.44rem 0;
 		}
 
 		h1 {
 			line-height: 1.0;
+			font-weight: normal;
+			font-size: 1.73rem;
+			margin: 1.73rem 0;
 		}
 
 		aside {
-			margin-top: -1em;
+			margin-top: -0.6rem;
 			text-transform: uppercase;
 			opacity: 0.7;
 			letter-spacing: 0.05em;
@@ -102,34 +110,38 @@
 
 		@media (prefers-color-scheme: light) {
 			:root {
-				--color-primary: var(--color-primary-light);
-				--color-background: var(--color-background-light);
-				--color-hover-background: var(--color-hover-background-light);
+				--primary: var(--black-neural);
+				--background: var(--white-neutral);
+				--hover-background: var(--white-hover);
 			}
 		}
 
 		@media (prefers-color-scheme: dark) {
 			:root {
-				--color-primary: var(--color-primary-dark);
-				--color-background: var(--color-background-dark);
-				--color-hover-background: var(--color-hover-background-dark);
+				--primary: var(--white-neutral);
+				--background: var(--black-neutral);
+				--hover-background: var(--black-hover);
 			}
 		}
 
 		@media print {
+			:root {
+				--primary: #000000;
+				--background: #ffffff;
+				--accent: #000000;
+			}
+
+			h2 {
+				border-bottom-width: 0.5pt;
+			}
 
 			html,
 			body {
 				max-width: initial;
 				font-size: 10pt;
-				background-color: #ffffff;
 				padding: 0;
 			}
 
-			body {
-				color: #000000;
-			}
-
 			aside {
 				opacity: 1.0;
 			}