unfinished bullCRAP

_src/assets/css/citrus/default.css

@@ -1,10 +1,12 @@
+@import url("./media.css");
 @import url("./blog.css");
 @import url("./gallery.css");
 @import url("./home.css");
 @import url("./nav.css");
 @import url("./variables.css");
 
-:is(a, button):not(span *, .postscript *, body nav *),.link,
+:is(a, button):not(span *, .postscript *, body nav *),
+.link,
 #posts a {
 	color: var(--citrus-dark);
 	transition: background-color var(--trans);
@@ -34,7 +36,8 @@ ul:not([role]) li::before {
 	background-color: var(--citrus-dark-extra);
 }
 article {
-	background: var(--noise),
+	background:
+		var(--noise),
 		linear-gradient(
 			var(--citrus-light) 70%,
 			color-mix(in lch, var(--citrus-mix-light), var(--citrus-light)) 100%
@@ -50,30 +53,7 @@ article {
 		background-color: var(--citrus-dark);
 		color: var(--citrus-primary);
 	}
-	&:not(pre,code,a) {
+	&:not(pre, code, a) {
 		font-family: "Nosey Rodent", sans-serif;
 	}
 }
-@media screen and (max-width: 920px) {
-	body > nav {
-		border: 0;
-	}
-	header {
-		margin: 0;
-		padding: 0;
-		border-right: 0;
-		border-radius: 0;
-		width: 100%;
-	}
-	body::after {
-		content: none;
-	}
-}
-@media screen and (max-width: 450px) {
-	#artworks & article {
-		&::before {
-			width: calc(100% + var(--pad-l) * 2) !important;
-			margin: -3rem 0 0 -16px;
-		}
-	}
-}