diff --git a/mysite/static/style.css b/mysite/static/style.css
index ae6515a..b132935 100644
--- a/mysite/static/style.css
+++ b/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 */
diff --git a/mysite/templates/base.html b/mysite/templates/base.html
index 4d2e855..461f267 100644
--- a/mysite/templates/base.html
+++ b/mysite/templates/base.html
@@ -6,17 +6,18 @@