1 files changed, 16 insertions, 10 deletions

diff --git a/frontend/index.css b/frontend/index.css
index 00ea6e9..5f9619c 100644
--- a/frontend/index.css
+++ b/frontend/index.css
@@ -1,19 +1,23 @@
 body {
     font-size: 16px;
-    font-family: "Open Sans", sans-serif;
+    font-family: "Helvetica", sans-serif;
+    line-height: 1.3rem;
     width: 100%;
     height: 100vh;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
     margin: 0rem;
     padding: 0rem;
+    overflow-x: auto;
+    overflow-y: auto;
 }
 
 header {
+    background-color: lemonchiffon;
     padding-top: 1rem;
+    padding-bottom: 1rem;
+    font-size: 20px;
+    margin: auto;
     width: 1260px;
-    flex: 0 1 auto;
+    max-width: 1260px;
     text-align: center;
 }
 
@@ -27,10 +31,11 @@ main {
     display: flex;
     flex-direction: row;
     color: #1a1a1a;
-    width: 1200px;
+    width: 1260px;
+    margin: auto;
+    max-width: 1260px;
     background-color: white;
     flex: 1 1 100%;
-    height: 100%;
     margin-bottom: 1rem;
     overflow-y: hidden;
 }
@@ -38,13 +43,15 @@ main {
 section {
     min-width: 74%;
     width: 74%;
-    overflow-y: auto;
+    overflow-y: hidden;
 }
 
 /*
     Navigation bar
 */
 nav {
+    padding-top: 1rem;
+    position: sticky;
     width: 20%;
     min-width: 20%;
     max-width: 20%;
@@ -55,7 +62,6 @@ nav {
     text-align: left;
     font-size: 1rem;
     user-select: none;
-    border-right: 1px solid black;;
 }
 
 .outer-tree {
@@ -201,7 +207,7 @@ article .opengl_canvas_container .play_button {
     height: 128px;
     position: absolute;
     top: calc(50% - 56px);
-    left: calc(50% - 184px);
+    left: calc(50% - 214px);
     border: 1px solid white;
     color: white;
     background-color: transparent;