Begin web client

client/src/App.css

@@ -0,0 +1,85 @@
+* {
+	box-sizing: border-box;
+}
+
+body {
+	margin: 0;
+}
+
+	
+.container {
+	max-width: 40em;
+	margin: 0 auto 3rem auto;
+}
+
+h2 {
+	font-weight: normal;
+	font-family: sans-serif;
+	font-size: 1.5em;
+	margin: 0.25em;
+}
+
+.recharts-wrapper p {  
+	color: initial;    
+	font-size: initial;
+}                      
+
+
+.menu {
+	overflow: hidden;
+	background-color: #333;
+	position: fixed;
+	bottom: 0;
+	width: 100%;
+	z-index: 99;
+}
+
+.submenu {
+	background-color: #666;
+	max-width: 40em;
+	margin: 0 auto;
+	padding-bottom: 0.5rem;
+	display: flex;
+	flex-direction: column;
+}
+
+.submenu p {
+	margin: 0 1rem 1rem 1rem;
+	color: white;
+	font-size: 1.5rem;
+	font-family: sans-serif;
+}
+
+.submenu-close {
+	display: flex;
+	justify-content: right;
+}
+
+.menu-container {
+	max-width: 40em;
+	margin: 0 auto;
+	display: flex;
+	justify-content: space-between;
+}
+
+.menu button {
+	background-color: #333;
+	height: 2.5rem;
+	min-width: 3rem;
+	font-size: 1.5rem;
+	color: white;
+	border-radius: 0;
+	border: 0;
+}
+
+.menu button:hover {
+	background-color: #999;
+}
+
+.menu button.active {
+	background-color: #666;
+}
+
+.submenu button {
+	background-color: #666;
+}