Move styles to Lightning CSS

Author: josh-collinsworth

package-lock.json

@@ -22,6 +22,7 @@
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.36.0",
 		"globals": "^15.0.0",
+		"lightningcss": "^1.32.0",
 		"mdsvex": "^0.11.2",
 		"npm-run-all": "^4.1.5",
 		"prettier": "^3.3.2",

package.json

@@ -144,6 +144,6 @@ input[type='submit'] {
 	}
 
 	.dark & {
-		border-width: 2px; //Prevents overrides from above button styles
+		border-width: 2px; /* Prevents overrides from above button styles */
 	}
 }

static/css/code.css src/lib/css/code.cssstatic/css/code.css renamed to src/lib/css/code.css

@@ -53,10 +53,10 @@ body {
 	scrollbar-color: var(--yellow) var(--paper);
 	scrollbar-width: thin;
 
-	// Had this before, but doesn't work well with footnotes.
-	// &.smooth-scroll {
-		// scroll-behavior: smooth;
-	// }
+	/* Had this before, but doesn't work well with footnotes.
+	&.smooth-scroll {
+		scroll-behavior: smooth;
+	} */
 }
 
 :target {