various changes

app/src/App.css

@@ -1,15 +1,61 @@
-body {
-    font-family: Arial;
-	margin: 0;
+*{
+	/* margin: 0; */
+	/* padding: 0; */
 }
 
+html, body, #pagewrapper, #root{
+	height: 100vh;
+	margin: 0 0 0 0;
+	padding: 0 0 0 0;
+	overflow: auto;
+}
+
+
+.flex-column{
+	display: flex;
+	flex-direction: column;
+}
+.flex-row{
+	display: flex;
+	flex-direction: row;
+}
+
+#flex{
+	display: flex;
+	height:100%;
+}
+
+
+body {
+    font-family: 'Terminus', sans-serif;
+	background-color: #000;
+}
+
+
 h1 {
 	/* margin: 10px; */
 }
 
 main{
-	margin: 20px;
-	background-color: #eee;
-	min-height: 300px;
+	display: block;
+	/* margin-left: 100px; */
+	/* margin-right:100px; */
+	background-color: #333;
+	color: lime;
+	box-sizing: border-box;
 	padding: 10px;
+	width: 100%;
+	height:100%;
+}
+
+#sidebar{
+	display: block;
+	padding: 10px;
+	//padding-left:10px;
+	width: 150px;
+	background-color: #888;
+	height:100%
+}
+ul{
+	align-self: left;
 }