simplify css

server/app/templates/style.css

@@ -0,0 +1,83 @@
+@import url('http://127.0.0.1:5000/fonts/dinpro/dinpro.css');
+@import url('http://127.0.0.1:5000/fonts/noto-emoji.css');
+@import url('http://127.0.0.1:5000/fonts/openmoji.css');
+@import url('http://127.0.0.1:5000/fonts/weather-icons/weather-icons.css');
+
+
+body {
+    height: 800px;
+    width: 600px;
+}
+
+.dashboard {
+    display: flex;
+    flex-direction: column;
+    font-family: sans-serif;
+    text-align: left;
+    font-size: 17px;
+    height: 100%;
+    width: 100%;
+}
+
+.panel.top {
+    display:flex;
+    flex-direction: row;
+    flex:0;
+}
+
+.panel.top .splitpanel {
+    flex:1;
+}
+
+.splitpanel.big-text {
+    font-size: 60px;
+    font-weight: bold;
+    vertical-align:top; 
+    text-align:right;
+}
+
+.splitpanel .weather-icon {
+    font-size: 200px;
+}
+
+.panel.bottom {
+    flex: 1;
+}
+
+.panel.bottom.week .row {
+    display: flex;
+    flex: 1;
+    height:50%;
+}
+
+.panel.bottom.week .row .day {
+    border-style: solid;
+    width: 135px;
+    vertical-align: top;
+    margin: 1px;
+    align-items: center;
+    text-align: left;
+    flex:1;
+}
+
+.day .day-title{
+    background-color: black;
+    text-align: center;
+    color: white;
+    text-transform: uppercase;
+    font-weight: bold;
+}
+
+.day .day-title.current-day {
+    color: black;
+    background-color: white;
+    border-bottom: solid black;
+}
+
+.day .event {
+    margin: 3pt;
+    background-color: white;
+    border-style: solid;
+    border-radius: 5px;
+    padding: 2px;
+}