Fix CSS rule ordering

This should fix the problems with dark mode.

_sass/main.scss

@@ -6,35 +6,35 @@ $dark-text: #d2fff6;
 $dark-highlight: #1bff8a;
 
 @mixin theme-colors() {
-	@media (prefers-color-scheme: dark) {
-		background-color: $dark-background;
-		color: $dark-text;
-	}
-
 	& {
 		background-color: $light-background;
 		color: $light-text;
 	}
-}
 
-@mixin highlight-color() {
 	@media (prefers-color-scheme: dark) {
-		color: $dark-highlight;
+		background-color: $dark-background;
+		color: $dark-text;
 	}
+}
 
+@mixin highlight-color() {
 	& {
 		color: $light-highlight;
 	}
-}
 
-@mixin link-color() {
 	@media (prefers-color-scheme: dark) {
 		color: $dark-highlight;
 	}
+}
 
+@mixin link-color() {
 	& {
 		color: $light-highlight;
 	}
+
+	@media (prefers-color-scheme: dark) {
+		color: $dark-highlight;
+	}
 }
 
 body {