Tweak the style

mysite/static/style.css

@@ -1,16 +1,30 @@
 /* [ON BIG SCREEN] */
 /* Wrapper */
+.container {
+    max-width: 940px;
+    margin: 3rem auto
+}
+
+.content {
+    float: left;
+    width: 80%;
+}
+
+.sidebar {
+    float: left;
+    width: 20%;
+}
+
 #page-nav {
   /* width: 100%; */
-  background: #ff0;
-  padding: 3px;
-  border-radius: 10px;
-  border: 1px solid #ee0;
+  background: #276749;
   display: block;
   /* If you want the navigation bar to stick on top
   position: sticky;
   top: 0;
   */
+  padding-left: 0;
+  margin: 2rem 0;
 }
 
 /* Hide Hamburger */
@@ -26,12 +40,17 @@
 }
 #page-nav ul li {
   display: inline-block;
-  padding: 10px;
+  padding: 16px;
+  font-size: 18px;
   box-sizing: border-box;
 }
 #page-nav ul li a {
   /* color: #fff; */
   text-decoration: none;
+  color: white;
+}
+#page-nav ul li.selected {
+  background: #38A169;
 }
 
 /* [ON SMALL SCREENS] */
@@ -51,7 +70,7 @@
     display: block;
   }
   #page-nav ul li {
-    border-top: 1px solid #333;
+    border-top: 1px solid #22543D;
   }
 
   /* Toggle show/hide menu on checkbox click */