Add games view

Work on displaying correct game information
Epic-er nav

DV8-Expo/website/static/sass/nav.sass

@@ -11,6 +11,11 @@ nav
     top: 0
     left: 0
 
+    font-weight: bold
+    font-family: $main-font
+    font-size: 1.1rem
+    white-space: nowrap
+
     background: transparent
     color: $primary
 
@@ -20,12 +25,10 @@ nav
     &::before
         content: ""
         position: absolute
-        top: -100%
-        left: 0
-        width: 100%
-        height: 100%
+        inset: 0
         background: var(--nav)
-        transition: top 0.2s ease-in-out
+        transform: translateY(-100%)
+        transition: transform 0.2s ease-in-out
         z-index: -1
 
     > span
@@ -33,23 +36,30 @@ nav
 
     > a
         margin: 0 0.75rem
-
-        font-size: 1.1rem
-        font-weight: bold
-        font-family: $main-font
+        padding: 0.1rem 0.5rem
         text-decoration: none
-
         color: inherit
-        transition: color 0.1s ease-in-out, font-weight 0.1s ease-in-out
+        transition: color 0.1s ease-in-out
 
         &:hover
             color: $accent
 
+    > h1
+        font-size: inherit
+        text-decoration: none
+        color: $secondary
+        opacity: 0
+        transition: opacity 0.1s ease-in-out
+
+        > span
+            font-family: $monospace-font
+            color: $accent
+
     &.scrolled
         color: $secondary
 
-        > a
-            font-weight: normal
+        > h1
+            opacity: 1
 
         &::before
-            top: 0
+            transform: translateY(0)