From 1915a2d0f715419274adc4359bedf16eda98d99b Mon Sep 17 00:00:00 2001
From: Alex Dean <alexjacobdean1@gmail.com>
Date: Tue, 9 Jul 2024 16:56:19 -0500
Subject: [PATCH] Apply CSS only to non-mobile devices

---
 styles/index.css | 32 +++++++++++++++++---------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/styles/index.css b/styles/index.css
index e159250..cd14342 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -1,18 +1,20 @@
-.front-page {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    -webkit-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-    line-height: 25px;
-    display: flex;
-}
+@media screen and (min-width: 640px) {
+    .front-page {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        -webkit-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
+        line-height: 25px;
+        display: flex;
+    }
 
-.page-description {
-    flex: 5;
-}
+    .page-description {
+        flex: 5;
+    }
 
-.page-navigation {
-    padding-top: 2.5%;
-    flex: 1;
+    .page-navigation {
+        padding-top: 2.5%;
+        flex: 1;
+    }
 }