seperated system theme into its own css file, combined different page css to a main theme css

_src/assets/css/default/motion.css

@@ -22,12 +22,12 @@
 	}
 	/* Permalinks */
 	.header-anchor,
-	article pre {
+	main article pre {
 		transition: none;
 	}
 	/* Images */
 	#gallery a:has(figure),
-	#blog article figure,
+	#blog main article figure,
 	a img {
 		transition: none;
 	}
@@ -41,8 +41,7 @@
 		}
 	}
 	/* Scrolling pride flag text */
-	article#bio span[id],
-	footer span {
+	#bio span[id] {
 		transition: none;
 		animation: none;
 		color: inherit;
@@ -60,6 +59,9 @@
 			position: relative;
 		}
 	}
+	footer span {
+		width: 100%;
+	}
 	#aromantic::before {
 		background-image: url("/assets/img/flag/aromantic.svg");
 	}
@@ -69,9 +71,6 @@
 	#pansexual::before {
 		background-image: url("/assets/img/flag/pansexual.svg");
 	}
-	footer span::before {
-		background-image: url("/assets/img/flag/trans.svg");
-	}
 	/* Jumping critters */
 	#pkmn span:hover {
 		animation: none;
@@ -80,7 +79,7 @@
 	#art div {
 		transform: none;
 	}
-	article > .postscript {
+	main article > .postscript {
 		& p,
 		p > img {
 			transition: none;