From 0d0ec75c48646aaf7a56e7f3895c54754dd689bc Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 27 Sep 2022 17:26:06 -0400
Subject: [PATCH] Adjusting top margins for fixed navbar

---
 src/static/css/homepage.css | 46 ++++++++++++++++++++++++++++++++-----
 src/static/css/navbar.css   |  4 ----
 2 files changed, 40 insertions(+), 10 deletions(-)

diff --git a/src/static/css/homepage.css b/src/static/css/homepage.css
index 1b1b0f0..a66c019 100644
--- a/src/static/css/homepage.css
+++ b/src/static/css/homepage.css
@@ -1,12 +1,14 @@
 /* General/Utilities */
 
-html,body{
-  background-color: #1a1a1a;
-  max-width: 1920px;
-  overflow-x: hidden;
-}
-
 @media only screen and (min-width: 1200px) {
+
+  html,body{
+    background-color: #1a1a1a;
+    max-width: 1920px;
+    overflow-x: hidden;
+    margin-top: 2.2vw;
+  }
+
   .container{
     max-width: 1920px;
     padding: 4.185vw 8.371vw 4.185vw 8.371vw;
@@ -14,6 +16,14 @@ html,body{
 }
 
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
+
+  html,body{
+    background-color: #1a1a1a;
+    max-width: 1920px;
+    overflow-x: hidden;
+    margin-top: 2.2vw;
+  }
+
   .container{
     max-width: 1920px;
     padding: 4.185vw 8.371vw 4.185vw 8.371vw;
@@ -21,6 +31,14 @@ html,body{
 }
 
 @media only screen and (min-width: 768px) and (max-width: 992px) {
+
+  html,body{
+    background-color: #1a1a1a;
+    max-width: 1920px;
+    overflow-x: hidden;
+    margin-top: 5vw;
+  }
+
   .container{
     max-width: 1920px;
     padding: 4.185vw 8.371vw 4.185vw 8.371vw;
@@ -28,6 +46,14 @@ html,body{
 }
 
 @media only screen and (min-width: 576px) and (max-width: 768px) {
+
+  html,body{
+    background-color: #1a1a1a;
+    max-width: 1920px;
+    overflow-x: hidden;
+    margin-top: 6.65vw !important;
+  }
+
   .container{
     max-width: 1920px;
     padding: 4.185vw 8.371vw 4.185vw 8.371vw;
@@ -35,6 +61,14 @@ html,body{
 }
 
 @media only screen and (max-width: 576px) {
+
+  html,body{
+    background-color: #1a1a1a;
+    max-width: 1920px;
+    overflow-x: hidden;
+    margin-top: 5.5vw !important;
+  }
+
   .container{
     max-width: 1920px;
     padding: 10vw 5vw;
diff --git a/src/static/css/navbar.css b/src/static/css/navbar.css
index 8b6b410..1c3c5f3 100644
--- a/src/static/css/navbar.css
+++ b/src/static/css/navbar.css
@@ -1,9 +1,5 @@
 /* Navbar General */
 
-html,body{
-  margin-top: 2.2vw;
-}
-
 .navbar{
   position: fixed;
   width:100%;