Formatting & styling

styles/globals.css

@@ -1,4 +1,4 @@
-@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;
@@ -8,8 +8,8 @@
   --border-radius: 1rem;
 
   --content-max-width: 850px;
-	--h-uni-padding: .8rem;
+  --h-uni-padding: 0.8rem;
-	--v-uni-padding: .2rem;
+  --v-uni-padding: 0.2rem;
 
   --fg: #c5c8c6;
   color: var(--fg);
@@ -43,7 +43,8 @@ section {
   /* scroll-snap-align: center; */
 }
 
-#__next { /*body*/
+#__next {
+  /*body*/
   display: flex;
   flex-direction: column;
   margin: 0 auto;
@@ -58,16 +59,29 @@ a {
 }
 
 a:hover {
-	opacity: .8;
+  opacity: 0.8;
 }
 
-h1, h2, h3, h4, h5, em {
+/* h1, */
-	font-weight: normal;
+/* h2, */
-	color: var(--fg-emph);
+/* 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 {
@@ -75,4 +89,3 @@ em {
   font-style: normal;
   /* text-shadow: var(--emph-shadow) currentColor; */
 }
-