Added Sidebar

src/index.css

@@ -1,8 +1,41 @@
 body {
-  font-family:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,
-    sans-serif;
-  margin: auto;
-  max-width: 38rem;
-  padding: 2rem;
+  font-family: "Fira Sans", sans-serif, monospace !important;
+}
+
+.sidebar {
+  height: 100vh;
+  transition: width 0.2s ease;
+  overflow: hidden;
+
+  p, button, span {
+    /* Needed to prevent line break during sidebar toggle animation */
+    overflow: hidden;
+    white-space: nowrap
+  }
+}
+
+.sidebar-open {
+  width: 14rem;
+}
+
+.sidebar-closed {
+  width: 4rem;
+}
+
+.sidebar-listItem {
+  height: 2.25rem;
+  border-radius: 0.25rem;
+  padding: 0.375rem 0.75rem;
+
+  &:hover {
+    background-color: #1b1e21;
+  }
+}
+
+.noteEditor {
+  background-color: #1b1e21;
+}
+
+.noteEditor-container {
+  background-color: #1b1e21;
 }