unfinished bullCRAP

_src/assets/css/default/default.css

@@ -1,6 +1,7 @@
+@import url("./media.css");
 @import url("./variables.css");
 @import url("./nav.css");
-@import url("./motion.css");
+
 
 :root {
 	--view: 18rem;
@@ -197,6 +198,7 @@ article {
 			mask-size: contain;
 			mask-repeat: no-repeat;
 			margin: 0 0 0 calc(var(--pad-xl) * -1);
+			z-index: 0;
 		}
 	}
 
@@ -259,7 +261,7 @@ article a:not(.link *, a:has(img)) {
 	padding: 0 var(--pad-sm);
 }
 
-dialog button[commandfor] {
+dialog button[commandfor="signal"] {
 	width: max-content;
 	padding: 0 var(--pad-sm);
 	margin: 0 auto;
@@ -314,38 +316,4 @@ dialog#signal {
 			max-height: 250px;
 		}
 	}
-}
-
-@media screen and (max-width: 920px) {
-	body::after {
-		content: "";
-	}
-
-	footer {
-		width: 100%;
-		margin: 0;
-	}
-
-	header {
-		padding-left: 0;
-		padding-top: var(--pad-m);
-		text-align: center;
-	}
-
-	main {
-		padding: var(--pad-l);
-	}
-
-	main > section {
-		flex-direction: column;
-	}
-
-	main > section {
-		width: initial;
-	}
-
-	article {
-		max-width: initial;
-		width: auto;
-	}
-}
+}