consolidate

astro/public/styles/css/classes.css

@@ -107,24 +107,3 @@ hr {
     display: flex; 
     justify-content: space-between;
 }
-
-
-/* Mobile */
-@media (max-width: 768px) {
-    h1 {
-        font-size: 32px;
-    
-        background-image: var(--accent-gradient);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        background-size: 400%;
-        background-position: 0%;
-    }
-
-    .ntfyForm {
-        display: list-item; 
-        margin-top: -8%;
-        margin-bottom: 8%;
-    }
-    
-}

astro/public/styles/css/main.css

@@ -16,19 +16,3 @@
     color: var(--text);
     background-color: var(--background);
 }
-
-@media (max-width: 768px) {
-    :root {
-        font-size: 14px;
-        font-family: departure-mono, system-ui;
-        
-        padding: 1rem;
-        width: 1000px;
-        max-width: calc(100% - 2rem);
-        line-height: 1.4;
-        margin: auto;
-    
-        color: var(--text);
-        background-color: var(--background);
-    }
-}

astro/public/styles/css/mobile.css

@@ -0,0 +1,15 @@
+@media (max-width: 768px) {
+    :root {
+        font-size: 14px;
+    }
+    h1 {
+        font-size: 32px;
+    }
+
+    .ntfyForm {
+        display: list-item; 
+        margin-top: -8%;
+        margin-bottom: 8%;
+    }
+    
+}