From 5baffd02ca8fefea10624fa65d834dc80103a9c0 Mon Sep 17 00:00:00 2001
From: "E. Almqvist" <elalmqvist@gmail.com>
Date: Mon, 16 Jan 2023 22:27:02 +0100
Subject: [PATCH] Formatting & styling

---
 styles/globals.css | 107 +++++++++++++++++++++++++--------------------
 1 file changed, 60 insertions(+), 47 deletions(-)

diff --git a/styles/globals.css b/styles/globals.css
index b35824c..06a274d 100755
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,78 +1,91 @@
-@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
 
 :root {
-	font-size: 16px;
-	--border-type: solid;
-	--border-size: 1px;
-	--border-color: var(--fg-faded);
-	--border-radius: 1rem;
+  font-size: 16px;
+  --border-type: solid;
+  --border-size: 1px;
+  --border-color: var(--fg-faded);
+  --border-radius: 1rem;
 
-	--content-max-width: 850px;
-	--h-uni-padding: .8rem;
-	--v-uni-padding: .2rem;
+  --content-max-width: 850px;
+  --h-uni-padding: 0.8rem;
+  --v-uni-padding: 0.2rem;
 
-	--fg: #c5c8c6;
-	color: var(--fg);
-	--fg-emph: var(--fg);
-	--fg-faded: #969896;
-	--fg-button: var(--fg-faded);
-	--fg-link: #5b83a6;
-	--fg-code: #de935f;
-	--fg-gold: #f0c674;
-	--emph-shadow: 0 0 2px;
+  --fg: #c5c8c6;
+  color: var(--fg);
+  --fg-emph: var(--fg);
+  --fg-faded: #969896;
+  --fg-button: var(--fg-faded);
+  --fg-link: #5b83a6;
+  --fg-code: #de935f;
+  --fg-gold: #f0c674;
+  --emph-shadow: 0 0 2px;
 
-	--bg: #16191c;
-	--bg-emph: #212426;
-	--trans-time: 150ms;
+  --bg: #16191c;
+  --bg-emph: #212426;
+  --trans-time: 150ms;
 }
 
 * {
-	box-sizing: border-box;
-	font-family: "Fira Code", monospace;
-	padding: 0;
-	margin: 0;
+  box-sizing: border-box;
+  font-family: "Fira Code", monospace;
+  padding: 0;
+  margin: 0;
 }
 
 html {
-	background: var(--bg);
-	scroll-behavior: smooth;
-	scroll-snap-type: y mandatory;
+  background: var(--bg);
+  scroll-behavior: smooth;
+  scroll-snap-type: y mandatory;
 }
 
 section {
-	/* scroll-snap-align: center; */
+  /* scroll-snap-align: center; */
 }
 
-#__next { /*body*/
-	display: flex;
-	flex-direction: column;
-	margin: 0 auto;
-	max-width: var(--content-max-width); 
-	min-height: 100vh;
+#__next {
+  /*body*/
+  display: flex;
+  flex-direction: column;
+  margin: 0 auto;
+  max-width: var(--content-max-width);
+  min-height: 100vh;
 }
 
 a {
-	color: var(--fg-link);
-	text-decoration: none;
-	transition: var(--trans-time) opacity;
+  color: var(--fg-link);
+  text-decoration: none;
+  transition: var(--trans-time) opacity;
 }
 
 a:hover {
-	opacity: .8;
+  opacity: 0.8;
 }
 
-h1, h2, h3, h4, h5, em {
-	font-weight: normal;
-	color: var(--fg-emph);
+/* h1, */
+/* h2, */
+/* h3, */
+/* h4, */
+/* h5, */
+/* em { */
+/*   font-weight: normal; */
+/*   color: var(--fg-emph); */
+/* } */
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+  font-weight: bold;
 }
 
 p {
-	margin: .5rem 0;
+  margin: 0.5rem 0;
 }
 
 em {
-	/* font-weight: normal; */
-	font-style: normal;
-	/* text-shadow: var(--emph-shadow) currentColor; */
+  /* font-weight: normal; */
+  font-style: normal;
+  /* text-shadow: var(--emph-shadow) currentColor; */
 }
-