make navBar(header) presist active depending on which page user's on

3 files changed, 34 insertions, 1 deletions

diff --git a/src/css/ghrepo.css b/src/css/ghrepo.css
index 2c8d6d7a..79100ffd 100644
--- a/src/css/ghrepo.css
+++ b/src/css/ghrepo.css
@@ -22,8 +22,11 @@
     box-sizing: border-box;
     /* background-image: url(/images/backgroundNightCity.jpg); */
     background: transparent;
+
 }
 
+
+
 body {
     display: flex;
     align-items: center;
@@ -50,7 +53,7 @@ main {
     align-items: center;
     width: 90%;
     max-width: 1280px;
-    background: transparent;
+    /* background: transparent; */
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
diff --git a/src/css/index.css b/src/css/index.css
index 29262abf..4666c95b 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -46,6 +46,7 @@
     position: relative;
     width: 100%;
     text-align: center;
+    text-shadow: 10px 10px 10px black;
 }
 
 .window .placeholder .text .title {
@@ -53,6 +54,10 @@
     font-size: 12.5vw;
 }
 
+.title {
+  text-shadow: 15px 15px 15px black;
+}
+
 .window .placeholder .text .br {
     display: block;
     height: 0;
diff --git a/src/css/style.css b/src/css/style.css
index 410e9646..a313b77e 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -26,6 +26,7 @@
     padding: 0;
     margin: 0;
     font-family: liga;
+    text-shadow: 0px 0px 1px black;
 }
 
 body {
@@ -110,3 +111,27 @@ header {
 section {
     position: relative;
 }
+
+.wrapper {
+  height: 100vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+  perspective: 10px;
+}
+
+.slowScroll
+  transform: translateZ(-10px) scale(2);
+}
+
+.fastScroll {
+  transform: translateZ(-5px) scale(1.5);
+}
+
+.slowScroll,
+.fastScroll {
+  position: absolute;
+  /* height: 100%; */
+  /* width: 100%; */
+  object-fit: cover;
+  z-index: -1;
+}