From 9361ab920368c5bf900c31a5f3d8afe1a0f99c04 Mon Sep 17 00:00:00 2001
From: Peter Morgan <peter@1080peter.com>
Date: Sun, 22 Dec 2019 14:59:30 -0500
Subject: [PATCH] Reorganized style.css

---
 public/style.css | 63 +++++++++++++++++++++---------------------------
 1 file changed, 28 insertions(+), 35 deletions(-)

diff --git a/public/style.css b/public/style.css
index 2eabf94..ea97616 100644
--- a/public/style.css
+++ b/public/style.css
@@ -11,10 +11,7 @@ body {
     color: var(--dark-2);
 }
 
-
-/* Bootstrap overides
------------------------------------------------ */
-
+/* Bootstrap overides */
 .bg-dark {
     background-color: var(--dark) !important;
 }
@@ -42,41 +39,10 @@ body {
     margin: auto;
 }
 
-
 .main {
     background: linear-gradient(180deg, var(--dark-2) 0%, var(--dark-2) 420px, var(--white) 420px);
 }
 
-@media screen and (min-width: 768px) {
-    .main {
-        background: linear-gradient(180deg, var(--dark-2) 0%, var(--dark-2) 360px, var(--white) 360px);
-    }
-}
-
-@media screen and (min-width: 992px) {
-    .main {
-        background: linear-gradient(180deg, var(--dark-2) 0%, var(--dark-2) 420px, var(--white) 420px);
-    }
-
-    .home-page .main::before {
-        display: block;
-        content: '';
-        position: absolute;
-        right: 0;
-        height: 90vh;
-        width: 50vw;
-        background-image: url(./img/home-image.png);
-        background-repeat: no-repeat;
-    }
-}
-
-@media screen and (min-width: 768px) {
-    .friends-graph-page #profileGen,
-    .timeline-graph-page #profileGen {
-        margin-top: -84px
-    }
-}
-
 .card .actions {
     position: absolute;
     right: 16px;
@@ -114,3 +80,30 @@ body {
     fill: var(--primary);
     opacity: 1;
 }
+
+@media screen and (min-width: 768px) {
+    .main {
+        background: linear-gradient(180deg, var(--dark-2) 0%, var(--dark-2) 360px, var(--white) 360px);
+    }
+    .friends-graph-page #profileGen,
+    .timeline-graph-page #profileGen {
+        margin-top: -84px
+    }
+}
+
+@media screen and (min-width: 992px) {
+    .main {
+        background: linear-gradient(180deg, var(--dark-2) 0%, var(--dark-2) 420px, var(--white) 420px);
+    }
+
+    .home-page .main::before {
+        display: block;
+        content: '';
+        position: absolute;
+        right: 0;
+        height: 90vh;
+        width: 50vw;
+        background-image: url(./img/home-image.png);
+        background-repeat: no-repeat;
+    }
+}
\ No newline at end of file