formatting main.css

assets/css/main.css

@@ -4,16 +4,13 @@
   --beetbox-purple: #ac65cb;
   --beetbox-green: #003f56;
   --beetbox-blue: #5fcfd0;
-
   --light: #F8F8FF;
-
   --background: #1f2835;
   --text: var(--light);
   --links: var(--beetbox-blue);
   --link-hover: var(--beetbox-pink);
-
   --header: #F8F8FFCC;
-  --header-link: #5C2673; /* darker purple */
+  --header-link: #5C2673; /* darker beetbox-purple */
 }
 
 body {
@@ -41,9 +38,13 @@ header div {
   justify-content: space-between;
 }
 
-header ul {margin: 0}
+header ul {
+  margin: 0;
+}
 
-header a {color: var(--header-link);}
+header a {
+  color: var(--header-link);
+}
 
 header li {
   display: inline;
@@ -65,23 +66,27 @@ a:visited, a:hover {
   text-decoration: underline;
 }
 
-p { margin-bottom: 1.5rem; }
+p {
+  margin-bottom: 1.5rem;
+}
 
-code { white-space: nowrap; }
+code {
+  white-space: nowrap;
+}
 
 pre {
-	border-radius: .4rem;
+  border-radius: .4rem;
-	max-width: 100%;
+  max-width: 100%;
 }
 
 pre code {
-	display: block;
+  display: block;
-    tab-size: 4;
+  tab-size: 4;
-	padding: 1rem 1.5rem;
+  padding: 1rem 1.5rem;
-	font-size: 1.05rem;
+  font-size: 1.05rem;
-	white-space: pre;
+  white-space: pre;
-	max-width: 100%;
+  max-width: 100%;
-	overflow-x: auto;
+  overflow-x: auto;
-	border-left: .3rem solid var(--beetbox-purple);
+  border-left: .3rem solid var(--beetbox-purple);
-   	border-radius: .4rem;
+  border-radius: .4rem;
 }